May 12, 2015

Way to Embed YouTube Playlists in a Website

Way to Embed YouTube Playlists in a Website

First, you'll need a YouTube playlist. See how to create a YouTube Playlist. There is only IFRAME way for embed YouTube playlist to your website or blog. There are two advantages:

1. It saves the web page space and visitors don't need to scroll down to watch the next YouTube videos.
2. A video playlist will reduce the web page size because only one embed code will be used, hence faster page loading.

Simply obey these following instructions.

1. Simply just visit your username url (e.g. http://www.youtube.com/youtube).
2. Click on playlist tab.
3. On your playlist section, there is a Share button - click on it.
4. Click on Embed tab.
5. Copy your IFRAME code and paste to your website where you want to display YouTube playlist.

Way to Embed YouTube Playlists in a Website

Additionally, when you embed YouTube playlist using IFRAME codes, you can reset the width="xxx" height="xxx" to fit the frame size of the YouTube Flash player on your site. Embed code for any YouTube video playlist looks something like this (replace the word “PLAYLISTID” with the actual YouTube playlist ID) :

<iframe src="http://www.youtube.com/embed/videoseries?list=PLAYLISTID"width="640" height="360" frameborder="0"></iframe>

To embed YouTube playlist using HTML 5 codes. The embed code style looks like as follows:

<iframe class="youtube-player" type="text/html" width="640" height="360" style="max-width:100%;" src="http://www.youtube.com/embed/videoseries?list=PLAYLISTIDframeborder="0"></iframe>

Here’s a sample YouTube playlist embedded using the IFRAME style.

Comments >>