Template

Video Player with Playlist Sidebar

A main player with a scrollable, numbered playlist next to it — the familiar YouTube-style layout for tutorials, series and courses.

See all templates

No credit card needed

Watch Now

Chasing the Morning Swell

Salt & Swell2.4M SubscribersSubscribe on YouTube8.8K412Share

501,718 views 19 days ago

Up before the wind, out past the break, and the kind of glassy morning you wait all season for. Read more

Layout

Template page — the video player with playlist preset, the settings panel on its key setting, straight on

Try the Player with Playlist template

1. Choose a template
2. Connect your videos
3. Add to website

Why Video Gallery

A YouTube-style player with a playlist, on your website

Perfect for series, lessons and tutorials people watch in order.

People finish the series

The playlist sits next to the player, so the next lesson is always in view.

Updates with your playlist

Connect a YouTube playlist — reorder or add videos there, the widget follows.

See what gets watched

Track playlist engagement in Google Analytics.

Features

What your visitors will see

A main player and a numbered playlist side by side — on mobile the list moves below.

Behind the Scenes: Studio Tour

Playlist 1/12

YouTube

Behind the Scenes: Studio Tour

TikTok

First Descent of the Season: Heli Drop in the Alps

Twitch

Late Night Ranked Grind

Instagram

Morning Flow: 10-Minute Full Body Stretch

123

1
Main player
The current video plays large.
2
Playlist header
Shows where the viewer is: 1/12.
3
Numbered playlist
Video numbers, titles and details — click to switch.

Compare

Video Gallery vs. other ways to embed a playlist

How the usual options stack up for this job.

	ElfsightVideo Gallery	YouTube playlist embed	Playlist plugins	Separate video embeds
Playlist sidebar next to the player	✓	Hidden menu	Varies	—
Video numbers and details	✓	—	Varies	—
Mix YouTube, Vimeo and hosted videos	✓	YouTube only	Varies	Varies
Updates when you change the playlist	✓	✓	Varies	—
Styled to your site	✓	—	Varies	—
Works on any website	✓	✓	One CMS	✓

Variations

Make it your own

Different layouts and sources — switch any time without changing the code on your site.

Gallery below insteadYouTube playlistAs a listFor product demosSingle video

Placement

Where it works best on your site

Tutorial series

Viewers follow the steps in order.

Online courses

Lessons next to the current video.

Webinar archives

Recordings in one list.

Podcast pages

Video episodes in order.

Help centers

How-to videos by topic.

Onboarding

Welcome videos for new customers.

Installation

Add the Player with Playlist to your website in 1 minute

Open the template
Connect your videos — a channel, playlist, account or links.
Adjust the look
Layout, theme, counters and buttons — all visual.
Paste one code
Add it to any page of your website. Done.

Ready to go out of the box

Player with a playlist on the right
Video numbers shown
The next video plays automatically
Playlist moves under the player on mobile

Change anything later in the editor — the code on your site stays the same.

Step-by-step for your platform

WordPress Shopify Webflow Squarespace Wix Elementor Framer HTML

Start with the Player with Playlist template

Free to start — no trial and no credit card.

Use this template

See everything Video Gallery can do →

#1Top service in the world for website widgets

3M+Users trust Elfsight to upgrade their websites

4.8Rating from thousands of reviews on G2

99.99%Uptime keeping your widgets live

FAQ

Frequently asked questions

Can I embed a YouTube playlist with a sidebar?

Yes. Connect a YouTube playlist as the source and choose Player with Playlist — the videos appear in a sidebar next to the player.

Can I number the videos?

Yes. Turn on Show Video Numbers to show each video’s position in the playlist.

How does it look on mobile?

The playlist moves under the player, and you can set how many rows are shown on mobile.

Can the playlist mix sources?

Yes. Combine YouTube, Vimeo, Twitch and other videos in one playlist.

Is it free?

There’s a free plan, no credit card needed.

Can I number the videos?

Yes — Show Video Numbers is on by default in this template.

How many rows show on mobile?

Set Rows on Mobile in the editor.

More templates

Related templates