How to make Mango Sorbet
How to make Mango Sorbet
How to Make Pumpkin Latte
How to Make Pumpkin Latte
How to Make Pumpkin Muffins
How to Make Pumpkin Muffins
How to Make Chocolate Chip Melon Pan
How to Make Chocolate Chip Melon Pan
How to make Mint Chocolate Chip Ice Cream
How to make Mint Chocolate Chip Ice Cream
How to Make Banana Pancake
How to Make Banana Pancake
How to make Bubble Tea
How to make Bubble Tea
How to make Sakekasu Cheesecake
How to make Sakekasu Cheesecake
How to Make Kinako Cookies
How to Make Kinako Cookies
previous arrow
next arrow
How to make Mango Sorbet
PlayPlay
How to Make Pumpkin Latte
PlayPlay
How to Make Pumpkin Muffins
PlayPlay
How to Make Chocolate Chip Melon Pan
PlayPlay
How to make Mint Chocolate Chip Ice Cream
PlayPlay
How to Make Banana Pancake
PlayPlay
How to make Bubble Tea
PlayPlay
How to make Sakekasu Cheesecake
PlayPlay
How to Make Kinako Cookies
PlayPlay
previous arrow
next arrow

YouTube slider

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Transform your Youtube videos into a fully responsive beautiful slider. Show all your videos easily with the thumbnails and engage your visitors.

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

Minimum version: 3.4.1.8

Tags:

A YouTube slider is a great way to call your visitors’ attention and make a good visual impact. In Smart Slider 3 you can easily create a video slider, you can use YouTube and Vimeo videos in the free version, and in the Pro version you can put mp4 videos to your slider as well. In this example you can see that there are YouTube videos used, but the YouTube logo is hidden from the bottom side. This template is available in the Pro version of Smart Slider 3 because of some Pro settings, but you can create a similar slider with the free version as well.

The easiest way to create a YouTube slider where the video fills the whole area is that if you create a Video slide. Here you can add the YouTube or Vimeo videos’ link, and your slide is ready. This function can be even useful at the Controls, because Smart Slider 3 fills the Slide title and description automatically from YouTube.

Add Video Slide

The speciality of this slider is the thumbnail control on the left side. With a Thumbnail slider you can navigate to other slides, also you can see how many slides the slider has. There is an arrow which you can navigate between the Thumbnails with. The Thumbnail shows the Thumbnail image and the Slide title which you can fully customize.

Smart Slider 3 automatically creates a cover image for your YouTube layer and you can see that image, before the video starts but you can change it if you want just like the Thumbnail image. There is the Slider autoplay mode turned on, so if you watch a video, the slide will automatically change to the next after the given time. If you pause the video, you can see the related videos for your video. When the related videos option is turned on, YouTube will show related videos that are from the same channel as the video that has just been played. When it is turned off the related videos will be displayed from any channel.

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 12, 2021. For the latest result analyze now!

100

Desktop

First Contentful Paint
0.3 s
Speed Index
0.5 s
Largest Contentful Paint
0.6 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
99

Mobile

First Contentful Paint
1.1 s
Speed Index
1.7 s
Largest Contentful Paint
2.2 s
Time to Interactive
1.8 s
Total Blocking Time
40 ms
Cumulative Layout Shift
0

Related Post: Everything You Need To Know About YouTube Slider

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

Related Post: Create A Responsive Thumbnail Slider


Similar Sliders -

Layer SliderWedding PageFree YouTube SliderFull width video