BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro widget

Video Playlist Widget for Elementor Pro

One player with a playlist for YouTube, Vimeo and hosted videos.

Overview

What Video Playlist does

Video Playlist puts a single player next to a list of videos. Visitors click an item to play it, and the next video can start automatically. Use it for courses, tutorials, product demos or any series of videos from YouTube, Vimeo, the Media Library or a file URL.

Live demo

See it in action

Course playlist 1 / 3
Features

What it can do

  • Four video sources per item: YouTube, Vimeo, Media Library, or a video file URL.

  • Playlist to the right, left or below the player.

  • Load Player on Click shows a thumbnail and play button until the visitor presses play.

  • Play Next Automatically, with an option to start over after the last video.

  • YouTube Privacy Mode uses youtube-nocookie.com.

  • Mark Watched Videos adds a check to finished videos, saved in the visitor's browser.

  • Playlist header with a title and a progress count such as 2 / 8.

  • Thumbnails, numbers, durations and descriptions can each be shown or hidden.

Use cases

When to use it

Online course lessons

List lessons in order with durations, and mark the ones a visitor has finished.

Product tutorials

Group how-to videos in one place so visitors can pick the step they need.

Event recordings

Mix YouTube, Vimeo and self-hosted recordings in a single playlist.

Vertical video sets

Use the 9:16 player shape for short vertical clips.

Setup

How to set it up

What you need: A YouTube or Vimeo link, a video in the Media Library, or a direct video file URL for each playlist item.

  1. Drag Video Playlist onto the page and open the Videos section.

  2. For each item, pick the Source and paste the Video Link, or choose a Video File or File URL.

  3. Give each item a Title, and optionally a Short Description, Duration and Thumbnail.

  4. In Layout, set the Playlist Position, Playlist Width and Player Shape.

  5. Choose what the list shows: Playlist Header, Thumbnails, Numbers, Duration and Descriptions.

  6. In Playback, set Load Player on Click, Play Next Automatically and YouTube Privacy Mode.

  7. Style the player, playlist panel and playlist items in the Style tab.

FAQ

Questions and answers

Does the page load YouTube or Vimeo before the visitor presses play?

Not the player. With Load Player on Click on, the player loads only after the visitor presses play. YouTube thumbnails still come from i.ytimg.com.

Can I mix YouTube, Vimeo and my own video files?

Yes. Each playlist item has its own Source, so one playlist can hold all four types.

Will the next video start by itself?

Yes, when Play Next Automatically is on. Turn on Start Over After the Last Video to loop the whole list.

Why does nothing play when I click in the editor?

With Load Player on Click on, the editor only switches the thumbnail and the active item. Videos play on the live page.

Bright Addons Pro

Get Video Playlist with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.