Steps to embed youtube playlist with custom Thumbnail
- Go to codegena youtube playlist embed code generator
- Enter the playlist url in the url field.
- Enter the player dimensions.
- Turn on “Load Async Player ” option. This should enable the thumbnail field located below.
- Enter the url in the thumbnail field and hit generate button located at the end.
NOTE: Higher resolution images may cause loading the player slowly .The preview won’t work while using this feature. To try out the code use htmleditor.
Syntax for embedding youtube playlist with custom thumbnail
<!--Syntax for embedding youtube playlist with custom thumbnail-->
<div class='youtube' id='videoseries?list=PLAYLIST_ID' data-params='&theme=dark&autoplay=1&autohide=2' src='IMAGE_URL' style='width:500; height:294;'></div>
<!-- Code by Codegena -->
Create a Youtube Playlist and set a Custom Thumbnail
If you want to create a youtube playlist from a list of videos all you have to do is follow the steps below.
- Go to codegena youtube embed code generator
- Enter the primary video url in the first field.
- Enter the dimensions of the player below.
- Scroll down to “Create youtube playlist” option. In this field enter the video ID’s each separated by a comma.
- Finally hit generate button and copy the code.
Syntax for creating a youtube playlist and set custom thumbnail
<!-- Create Youtube Playlist and set thumbnail -->
<div class='youtube' id='VIDEO_ID' data-params='?&theme=dark&autoplay=1&autohide=2&playlist=ID_2,ID_3' src='IMAGE_URL' style='width:500; height:294;'></div>
<!--Code By Codegena-->
In the above code replace VIDEO_ID with the main video id and ID_2,ID_3,.. with the video ids of video you like to add to playlist. Finally replace IMAGE_URL with the actual image url.
You may also like : Disable HTML5 in youtube embed player and force flash player
Share this article if you find it useful and leave your suggestions and opinions below.