To place a YouTube playlist onto a page, you will initially need to get the embed code from the service. Below you will find the instructions on how to locate the embed code and place it onto a page.
- While previewing one of the videos in the playlist that you would like to embed, click on the title of the playlist located to the right of the video located above the list of videos in the playlist.
- On the following screen, click the Share button, which will bring up a list of ways to share the video. Select Embed, and on the next screen, click Copy. The code will look similar to the one shown below.
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLnOC9rlyvdSn4KJrhk7_9VLFNAWYD07pW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
- Next, go to the page where you would like to embed the YouTube playlist, place an HTML Source widget, and paste the code you copied into it.
If you would also like to make the video responsive, you will need to do the following;
- After pasting the snippet of code locate and delete the Width and Height attributes of the iframe and add class="embed-responsive-item" to the iframe
- Next the Container tab next to Settings and add either embed-responsive embed-responsive-16by9 or embed-responsive embed-responsive-4by3 depending on the aspect ratio to the Custom Class Name field.
- Click the green Create button and your HTML Source widget will show up on the page.
- Make sure to click the Publish just as you would when you're editing pages.
Additional Articles
- iFrame YouTube Video & Channel Gallery - A 3rd party widget created by Elfsight that embeds a gallery of YouTube videos on your site.
- Embed videos & playlists - instructions from Youtube on how to find the embed code to embed a playlist.
- How to embed a stream or video on your site - an article on Ustream Support that reviews how to get the embed code for a Ustream player.
Comments
0 comments
Article is closed for comments.