Elementor Video Carousel and Gallery Slider

Two related jobs. A video carousel slides through videos on a horizontal track. A gallery slider shows one large preview with a thumbnail strip underneath, which is the layout people actually want when they say “video carousel,” because a row of equally-sized video thumbnails is a worse way to watch anything.

Both below, plus the embed problem that makes video carousels the slowest widget you can put on a page and the one-line fix for it. Both widgets are part of the full carousel widget collection.

Start with the page speed problem

Six YouTube embeds on one page is roughly 3MB of third-party JavaScript before a single video plays. Every iframe loads the YouTube player, its analytics, and its cookie infrastructure whether or not anyone clicks.

Put those six in a carousel and it gets worse, because a carousel renders all its slides, including the ones off-screen, so all six iframes initialise at once.

The fix is a facade: show the video’s poster image with a play button, and only load the real embed when someone clicks. One image instead of six players. Most video widgets have a “lazy load” or “click to play” option that does this; turn it on and the page gets several seconds faster on mobile.

If your widget doesn’t offer it, use poster images with a lightbox instead of inline embeds. Same visual result, a fraction of the weight.

Method 1: Gallery Slider, preview plus thumbnails

The Gallery Slider widget gives you the layout most video and photo galleries want: a large preview pane with a scrollable thumbnail strip. It’s a Pro widget, and it’s an image widget, so it builds the layout rather than the playback. If your gallery is images only, with no video, the Vitrine Plate Gallery is a free importable design with the same plate-plus-thumbnail layout, but it doesn’t handle video.

1. Drag in the Gallery Slider and open the content tab.
2. Create your gallery from the media library. For a video set that means poster frames here, with the playback handled by method 2 or 3.
3. Turn on thumbnails and set the thumbnail strip to carousel mode so it scrolls independently of the main preview.
4. Set the preview position: thumbnails below, above, left or right. Below is the safe default; left or right suits portrait content.
5. Set the preview width so the main pane doesn’t push the thumbnails off-screen on tablet.

Thumbnail carousel mode is the setting that makes this scale. Without it, twenty thumbnails wrap into four rows and eat the whole viewport. With it, they stay on one scrollable line.

On mobile, thumbnails below the preview at three or four visible. Left and right positions collapse to below automatically, which is right, because a side strip on a 390px screen leaves nothing for the preview.

Method 2: Media Carousel, video that plays in the track

If the videos have to play inside the carousel rather than behind a click, Elementor Pro’s Media Carousel is the widget that does it. Each slide is set to Image or Video, and a video slide takes a YouTube, Vimeo or self-hosted URL of its own, so mixed sets work in one track.

If the set is really a library rather than a strip, like a course, a tutorial series or a channel archive, Elementor Pro’s Video Playlist is the better shape. Videos listed beside the player, each with a title and a duration, and the player swaps without a page load. It’s a list rather than a carousel, and that’s the argument for it: titles are how people decide what to watch, and a row of thumbnails makes them guess.

Back to the carousel. Media Carousel is the only widget here that plays video inline, and that’s also its cost, which is what the settings below are for.

• Turn on lightbox mode. Inline playback means every slide carries a player. Lightbox mode shows the poster and loads the player on click, which is the facade pattern from the top of this post built into the widget.
• Don’t autoplay the first video. Sound firing unprompted is the fastest way to lose someone. If you must autoplay, mute it.
• Put the runtime in the caption. “How long is this?” is the first question anyone asks about a video, and answering it before the click raises completion rates.

Method 3: Free, poster carousel with video behind the click

No licence and you still want a video carousel? Two free routes, and both keep the page fast because nothing loads until someone asks for it.

1. Export a poster frame for each video and upload them as images.
2. Add them to the free Image Carousel gallery.
3. Turn on the lightbox so a click opens the frame over the page rather than navigating away.
4. Add a play-button overlay in the Style tab so the slides read as videos rather than photographs. Without it, nobody clicks.

That gets you the look. What it doesn’t get you is a different destination per slide, because a gallery-based carousel gives every slide the same link. If each video needs its own page, give each one a post and use the free Blog widget in carousel mode instead: it pulls the thumbnail, the title and a link to the post the video sits on.

This is the facade pattern from the top of the post, built by hand. It’s the fastest version of a video carousel that exists, because nothing loads until someone asks for it. The image carousel walkthrough covers the widget in full.

Aspect ratio, and the thing that breaks it

Set 16:9 and set it on every slide. Mixed ratios in a video carousel produce cards of different heights, and unlike a grid, where a ragged bottom edge is forgivable, a horizontal strip puts every mismatch directly next to its neighbour.

The usual culprit is one vertical clip in an otherwise landscape set. Either give it its own carousel or letterbox it into 16:9 with a matching background. Don’t let one 9:16 video set the height for eleven landscape ones.

Video schema

If the videos are your own content and they matter for search, add VideoObject schema: name, description, thumbnail URL, upload date and duration. It’s what makes video rich results possible.

Two conditions people miss: the video has to be the main content of the page, not decoration, and the thumbnail URL must be publicly crawlable. A gallery of six embedded videos on an about page doesn’t qualify for video rich results however you mark it up, because the page’s main content isn’t the video.

Frequently asked questions

Which one to build

Course or tutorial series: Elementor Pro’s Video Playlist, because titles and durations do the work. Videos that have to play in a carousel track: Media Carousel, with lightbox mode on. Portfolio reel or product demos: Gallery Slider with thumbnails. A handful of videos on a marketing page and no licence: free Image Carousel with poster images and a lightbox, which is also the fastest of the three. And if the video was only ever background texture for a hero section, the free Background Slider extension rotates still images instead, at a fraction of the weight of a looping video.

None of the twenty Widget Builder designs handles video, so this is one job where the stock widgets are the answer. For everything else in the set, the pricing page shows which tier applies, and carousel versus slider settles the format question first.

All of them are on the Elementor Carousel Widgets page, and the free versus Pro breakdown covers which tier each sits in.