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

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

BackVision - jQuery Video Background & Slider Plugin