Video playlist

We designed this custom playlist to impress your visitors. Bring more traffic to your site using this video playlist developed to support auto-play, which jumps to the next video upon finishing. Adding a video playlist (YouTube or Vimeo) to your website has never been more accessible.

You can add a playlist to a single post page or straight on your pages.

On single post pages

First, make sure you add a “Classic” element in your Gutenberg editor in order to have access to the theme specific elements.

To add the video playlist feature on single post pages select the YouTube playlist or Vimeo playlist from the shortcode drop down of the Add / Edit post text editor like in the image.
After adding the shortcode, you can start adding the video’s ID.

How to create a YouTube playlist

In your post the shortcode will be this one:
[td_block_video_youtube playlist_title="" playlist_yt="" playlist_auto_play="0"]
For this step, you need to add a Title to your playlist in playlist_title=”” parameter and your videos IDs.

To add a video’s ID to the YouTube playlist shortcode, you have to go to Youtube.com, click on the video you want to add to your playlist, then from the URL of the page take the video ID and paste it in the playlist_yt attribute one after another separated by commas.

Parameter auto_play=”0″ – means your playlist loads but waits for the user to click on the play button.

Parameter auto_play=”1″- means that your playlist automatically starts playing the video.

Now your syntax should look like this example:

[td_block_video_youtube playlist_title="My YouYube Playlist" playlist_yt="8hAwUt8-G34, F9S49fUqbVQ, TUdVeZ1pbuc" playlist_auto_play="0"]

Click the Publish or Update button.

How to create a Vimeo playlist

In your post the shortcode will be this one:

[td_block_video_vimeo playlist_title="" playlist_v="" playlist_auto_play="0"]

For this step, you need to add a Title to your playlist in playlist_title=”” parameter and your videos IDs.

To add the video’s ID to the Vimeo playlist shortcode, you have to go to Vimeo.com, click on the video you want to add to your playlist, then from the URL of the page take the video ID and paste it in the playlist_yt attribute one after another separated by commas.

Parameter auto_play=”0″ – means your playlist loads but waits for the user to click on the play button.

Parameter auto_play=”1″- means that your playlist automatically starts playing the video.

Now your syntax should look like this example:

[td_block_video_vimeo playlist_title="My Vimeo Playlist" playlist_yt="8hAwUt8-G34, F9S49fUqbVQ, TUdVeZ1pbuc" playlist_auto_play="0"]

Click the Publish or Update button.

YouTube Video Playlist:

Vimeo Video Playlist:

On Pages:

After creating a page click the Add element button from tagDiv Composer and drag and drop the playlist element to your page.

After adding the element to your page, the settings for it will appear in the composer section where you can add a title for your playlist, the video IDs followed by a comma and select the autoplay option ON or OFF.