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

Description: With Smart Slider 3 you can show your Vimeo videos, and you can create a Vimeo gallery with thumbnails like in this example.

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

Minimum version: 3.5.0.0

Tags:

Settings

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.

Each slide contains a Vimeo layer, and you can navigate with the thumbnails or with the arrows to the next slide. In the right side you can see a little preview from your slides, where you can display a title and a small description.

Layers

Each slide contains a Vimeo layer. 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 starts 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.

Settings of the Vimeo layer

Animations

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.

Layout

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.

Thumbnail control

Responsive

The thumbnails need too much space on mobile and tablet, so they are hidden on smaller devices. When you check the slider on the tablet you can see only arrows. However, when you check it on mobile, you can see the arrows are hidden, too, but a new control is available: bullets. If the visitors see the bullets they will know there are more slides available, and they can navigate between the slides.

Thumbnails are hidden on mobile

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 -

Video ShowcaseYoga Hero BlockYouTube slider with ThumbnailsCoffee website landing page