Code

BackVision - jQuery Video Background & Slider Plugin

BackVision - jQuery Video Background & Slider Plugin

Canvas Website Video Background & Slider Plugin with Accordion Effect

BackVision is a cutting-edge video background and image slider plugin. You can use it to loop a single background video or create impressive video/image gallery with fullscreen mode and time controlled banners. It’s responsive, fast and flexible!

BackVision uses super fast video processing based on requestAnimationFrame calls, so the playback will be flawless in all modern browsers. It has a fullscreen mode, navigation controls, sound control and progress bar. You can touch-swipe/drag videos in carousel mode with cool accordion effect!

Using a banner feature you can setup banners to pop-up at specific second of a video using one of predefined animations. This way you can make your videos more impressive and meaningful.

Finally you can use BackVision as your website background as fullwidth header slider or in-content slider

More Demos

Demo #1Demo #2

KEY FEATURES

  • Unlimited videos in mp4/webm/ogg formats
  • Accordion effect when sliding to next/prev video
  • Configurable amount of slices for accordion effect with two offset modes
  • Scalable and responsive design
  • Intelligent scale for video/poster to cover entire viewport
  • Sleep mode when out if view
  • Displaying your logo before first video will start
  • Crisp SVG controls with ability to change their color via plugin options
  • Animated banners that you can setup to pop-up at specific second of your video
  • Fallback to poster images for unsupported devices or video load error
  • Touch-drag support & navigation controls
  • Keyboard support (next/prev and pause)
  • Support for desktop & mobile devices
  • Fullscreen mode
  • Carousel & autoplay mode
  • Video looping mode
  • Progress bar & sound control
  • API methods & custom events
  • Detailed documentation with examples
  • Plugin JS code with comments
  • Simple installation and configuration
  • Two demos included in package
  • Author support

CHANGELOG

# version 1.0 (Nov 1, 2018) - plugin released! # version 1.1 (Nov 6, 2018) - added new "preload" option to wait for all videos to load first before playing - fixed bug with banners shaking when swiping/dragging on Safari - fixed bug with accordion effect on Safari - improved performance by adding offscreen canvas for combining video fragments - improved performance by making all canvas operations integer # version 1.2 (Nov 9, 2018) - fixed bug when autoplay didn't advance to third poster image in autoplay mode - fixed bug with firing "ended" event twice for first poster image in autoplay mode

CREDITS & SOURCES

Video used in preview “Ink In Motion” by Macro Room

by
by
by
by
by
by