Every website tells a story, but this story isn’t so interesting without a visual impact. Web designers tend to use images to make this impact and create amazing sites. At first, these images were not so big but nowadays it’s not uncommon to see a huge background image on a website and they look impressive. The downside of using images is that they’re static design elements, even if they’re in a slider. But your website doesn’t have to be static as you can use videos instead of images. What is even better, you can even combine sliders with videos, creating a nice video slider.
Description: Create stunning video sliders using your favorite YouTube, Vimeo or MP4 videos.
A video slider, while looking great, isn’t often used on websites. People might feel they don’t need it or they just don’t have enough good and quality videos. But you can find nice free videos on the Internet which you can create this block while you take advantage on the other nice features. Of course you can use Smart Slider 3 to create this block while you take advantage on the other nice features.
Fullpage slider background video as site header
The first slider on this page is a full page video slider. It plays an MP4 video in the background, behind all the layers. These layers usually contain more important information than the background video. So it’s not a big problem if parts of the video aren’t visible under the layers. This background video is a design element, after all. All major desktop browsers support MP4 videos, which we are using for backgrounds. The modern mobile browsers can play these videos as well.
The slider also has a lightbox feature, which opens the same MP4 video which you can see in the background. The lightbox allows visitors to enjoy the video without any distraction. Additionally, the bottom of the slider contains handy navigation buttons. These buttons scroll down to one of the other sliders in this page. This behavior is easy to set up with Smart Slider 3 for any image or video slider.
Amazing free YouTube slider with thumbnails
Many people use YouTube videos in their site, because they load fast and watchable on any device. In Smart Slider 3 you can create a nice looking YouTube slider where you can show your favorite videos. You can set any video to autoplay and to loop in your free video slider. At each YouTube layer you have other useful settings. For instance you can adjust the video quality. Or you can make the video start again after the visitor changed the slide and came back to the video. Additionally, this free YouTube slider has another interesting feature: the thumbnail navigation.
This thumbnail navigation is easy to create. You can quickly add a YouTube video with the Add Video feature. It adds the title and cover image of the video to the slide title and thumbnail. This makes it possible to add nice looking controls to your slider for easy navigation. For instance, you can create a nice thumbnail control with or without images. What’s even better, this small play icon you can see on the thumbnails is a simple setting. So you don’t have to edit the thumbnail images just to have a play icon on them. All you need to do is to change the thumbnail type to “video”.
Vimeo slider with fade animation
This slider is much like the YouTube slider. For example, you can find the thumbnail control on the right side. Unlike the YouTube slider, this slider shows the thumbnails without the actual images. Another difference is that the videos doesn’t autoplay, but you can change that at the layer’s settings. The Vimeo slider does not switch slides automatically either, so the visitor needs to do it. Of course, you can change that if you prefer playing the slides automatically. Like the YouTube layer, the Vimeo layer has many other useful features for you to use. The autoplay isn’t the only useful setting, there are many more to chose from. For example, you can loop the videos or adjust their quality. The slides change with a simple fade animation, which are nice and elegant.
Mixed full width slider
This slider is unique because it contains both one YouTube, MP4 and Vimeo video slide. Moreover it’s full width. The video and text layers have a nice layer animation, and the slides change with a parallax effect. The videos are not playing in the actual slide, but in a lightbox. This way the visitor can enjoy them without distraction in the highest possible size. This is also great for the loading time, as the videos don’t show up until the lightbox is launched. Our lighbox supports both YouTube, Vimeo and MP4 videos.
This mixed slider uses text bullets for the nice an convenient navigation experience. The background image of the slides is blurred to increase the contrast. By the way this is a setting that is available for any slide background image. So you don’t have to upload pre-blurred images, which saves you a lot of time.
Showcase video slider
Showcase sliders shine when you want to create a slider that shows many slides at once. This slider type keeps the main video slide in the middle while it shows parts of the next and previous slides. This encourages the visitor to check out more slides. We created the slides in Content mode, which ensures the great responsiveness. Each video opens in a lightbox, so the actual video doesn’t load with the slider, only the images do. The videos in this slider come from YouTube, but they can be simple MP4 videos or hosted by Vimeo.