New Zealand
Catalunya!
Budapest Cityscape
A Glass of Prague.
Timelapse Indonesia
Tiny Sydney
Hello Tokyo
previous arrow
next arrow
New Zealand
I filmed This short movie in New Zealand Using several methods in videography such as timelaps, aerial videography, and HDR.
Catalunya!
My first time in this beautifull country. I visited east Spain this winter and tried to discover as much places in Barcelona.
Budapest Cityscape
I have been testing out the GH4 in Budapest and made this short film over the past few days. It’s a mix of 4K footage, hyperlapse.
A Glass of Prague.
Prague, City of a Hundred Spires, a UNESCO monument and one of the most beautiful cities in the world.
Timelapse Indonesia
Timelapse shot in Indonesia (2015). Locations: Sumatra (Lake Toba), Java (Yogya, Gunung Bromo, Kawah Ijen), Bali (Ubud), North Sulawesi.
Tiny Sydney
A short tilt-shift film showing the city of Sydney. Tilt-shift effect applied in post-production. Shot from Sydney Tower Eye, Pylon Lookout, Dudley Page Reserve.
Hello Tokyo
It was my first time visiting Japan, a place I had always wanted to see. Tokyo is the largest metropolitan area in the world.
previous arrow
next arrow

Vimeo Slider

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

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

Minimum version: 3.4.1.8

Tags:

Vimeo is a great video hosting platform, loved and trusted by millions of users. The platform is so popular that lots of website owners choose to host their videos on Vimeo. Vimeo supports embedding videos to 3rd party websites. This allows website owners to create a slider from their Vimeo videos which they can show on their site.

The slider above shows you how to create a minimal video gallery using Smart Slider 3. The visitor can navigate from video to video using arrows. And, as you’ve probably seen, there’s a more obvious and convenient way for the navigation. The right side of the slider is a thumbnail control, without images. Thumbnail control displays the slide thumbnail, name and description. Of course, you can disable any of these settings, like we disabled the thumbnails. You can customize each thumbnail’s active and normal state, which can help you highlight the active video.

The videos don’t autoplay in this slider but you can change that at the layer’s settings. Before doing so, you should know that browsers often disable autoplaying videos which have sound. When we developed Smart Slider 3, we made sure that these browser limitations affect the user experience as little as possible. This means that as soon as the visitor interacts with the page (e.g. clicks anywhere) it start the video if it can. The Vimeo layer, which displays the video, has many other useful features for you to use. The autoplay isn’t the only setting, there are many more to choose from. For example, you can loop the videos or adjust their quality.

Vimeo layer settings in Smart Slider 3
Vimeo layer settings in Smart Slider 3

The Vimeo slider does not switch slides automatically either so the visitor needs to do it. If you prefer that the slides change automatically, you can enable the slider autoplay feature for the slider. From the visitor’s perspective, it’s probably better if there’s no autoplay to avoid confusion. When the visitor decides to switch slides, they see a simple fade animation.

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.4 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.1 s
Largest Contentful Paint
2.1 s
Time to Interactive
1.2 s
Total Blocking Time
10 ms
Cumulative Layout Shift
0.006

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

Related Post: Create A Responsive Thumbnail Slider


Similar Sliders -

Yoga Hero BlockFull width videoLayer SliderVideo Showcase