Now you can add high quality videos as slide background. It supports various video formats and looped videos.
You can easily add image, html formatted texts and video layers over each slide and each layer accepts unique animation parameters like animation effect, duration, delay, etc.
The Web's Most Advanced
Responsive and Touch Slider
Responsive &
Touch Swipe Navigation
HD
video backgrounds
Now you can add high quality videos as slide background. It supports various video formats and looped videos.
Hardware
&
Accelerated
Super Smooth
Transitions
LOREM IPSUM DOLOR
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.LOREM IPSUM DOLOR
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.LOREM IPSUM DOLOR
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.25+ Starter Templates
Unlimited
Transition Effects
In & Out Transitions Supported
You can easily add image, html formatted texts and video layers over each slide and each layer accepts unique animation parameters like animation effect, duration, delay, etc.
Video Layer
Supportwith Custom Video Cover
YouTube
Vimeo
<script type="text/javascript">
var slider = new MasterSlider();
// adds Arrows navigation control to the slider.
slider.control('arrows');
slider.control('timebar' , {insertTo:'#masterslider'});
slider.control('bullets');
slider.setup('masterslider' , {
width:1400, // slider standard width
height:580, // slider standard height
space:1,
layout:'fullwidth',
loop:true,
preload:0,
autoplay:true
});
</script>
<!-- Base MasterSlider style sheet --> <link rel="stylesheet" href="../masterslider/style/masterslider.css" /> <!-- Master Slider Skin --> <link href="../masterslider/skins/default/style.css" rel='stylesheet' type='text/css'> <!-- jQuery --> <script src="../masterslider/jquery.min.js"></script> <script src="../masterslider/jquery.easing.min.js"></script> <!-- Master Slider --> <script src="../masterslider/masterslider.min.js"></script>