video slider in HTML
HTML5 Video Slide.
Smart Slider 3 will display the selected MP4 video in your slider. You can add video as background or as layer. Smart Slider 3 is the best way to create video slider from just about any video source.
video slider in WordPress
Vimeo Video Slide.
Smart Slider 3 makes it easy to create video slide to your website. You can display the selected video in your slide directly from Vimeo. Just copy and paste Vimeo video links to add new slides.
Play
video slider in joomla
YouTube Video Slide.
Smart Slider 3 allows you to create a beautiful YouTube slide that you can easily add to your site. The YouTube layer is available in the free version. Just paste the YouTube links to add new slides.
Play
previous arrow
next arrow
Slider

Full width video

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.3.7

Tags:

This slider is unique because it contains both one YouTube, MP4 and Vimeo video slide. This demonstrates one of Smart Slider 3’s great strengths: you can create any kind of content using it. Within one single slider, you can show several various slides for instance, a simple image, YouTube, Vimeo or self-hosted video, and an imageless content slide. Moreover, you can create an image slide and put a smaller video layer on it. Exactly as you can see it in this full width slider example.

What makes this slider special (apart from showing videos from different sources) is its layout. On the left side there’s a short description about each video, which we placed to the right side. There’s also a CTA which opens the video 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 won’t show up until the lightbox is launched. Our lightbox supports both YouTube, Vimeo and MP4 videos.

The slider looks great on desktop, and thanks to Content mode, it’s gorgeous on mobile as well. For small screen users the slider displays the two columns below each other, with the video on top. The video and text layers have a nice fading layer animation. When the visitor switches slides, the slides change with a parallax effect. There are many ways to switch slides: you can use arrows, drag or swipe or use the text bullets at the bottom. Text bullets give a convenient navigation experience, as they give an idea about the slide content before switching there. The background image of the slides is blurred to increase the contrast and make the texts more legible. 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.


Related Post: Why do You Need a Video Slider on Your Website?

Related Post: Add Lightbox Slider to your WordPress site

Related Post: 12 Beautiful Full Width Slider Examples


Similar Sliders -

Video ParticleVimeo sliderHow to create block with video background for WordPressCoffee website landing page