Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics

Find help info instructions re: blog & Blogger.com

Wednesday, October 07, 2009

Create and Embed Youtube Playlist


From a comment at Google sites to host and hotlink music files

"ok I have loaded a list, how do I play more than one song?"

Haven't studied how to create playlist with Google Sites (check back later), so I tried using Youtube and tested it twice - Test embedding Youtube Teresa Teng playlist (my favorite singer who unfortunately died young) as well as Test embedding Youtube Bee Gees playlist (bring back memories of the good old times), and here are the steps I took to embed those 2 playlists:

Create a Youtube if you don't already have one and sign in. Either upload your own videos with music or search for those songs you want to include in your playlist. At the page showing the selected video, click + Playlist:

Youtube plus playlist

Give your new playlist a name, then click ADD. Search for more videos and repeat the ADD process till all the videos you want have been added.

When done, click the down arrow next to your Youtube username at the top right-hand corner of the page and select ACCOUNT:

Youtube to select Account

At the next page, click Custom video players:

Youtube custom video player

then click Create custom player. Give your player a name and enter some description, select the color theme, the layout, then under CONTENT, highlight the playlist, then click SELECT:

Youtube Playlist Select

Next, at the section for Generate Code and Save Player, click GENERATE CODE and you will get a script similar to the one below to copy-paste into your post editor or into a HTML/Javascript gadget:

<object width="416" height="337"><param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFNYcUl_cZNmLaxf1CI296PUeiBMfZ3_X9k="></param><embed src="http://www.youtube.com/cp/vjVQa1PpcFNYcUl_cZNmLaxf1CI296PUeiBMfZ3_X9k=" type="application/x-shockwave-flash" width="416" height="337"></embed></object>


Note width and height (in red). If you want to edit the codes so that the width of the embedded video player is commensurate with the width of your main column or the sidebar, use the method to resize Youtube video with no distortion so that it fits nicely into your post or sidebar.

width of

8 comments:

Mc_fish said...

THIS IS REALLY GOOD STUFF!!!!! THANX MAN!!

Lille Skvat said...

It works great! Thank you!

Best regards,

Lille Skvat

Sherlyn Chua said...

Thanks for your posting, however, it doesnt work for me. I have tried but it only show an empty box with a red cross on the top left corner on my compose as well as my blog. Is there any other suggestion?

Peter @ Enviroman said...

Perhaps try Imeen?

Online Marketing said...

Hi I have a three column blog at sureshadams.blogspot.com. I want to host a different blog with the same template but on my own hosting. Can I host a three column template on my own hosting and own domain name. please help and guide me.

Thank you

Peter @ Enviroman said...

If I understand you correctly, you want custom domain and self hosting. This means you will publish your post via FTP. In this case, you will have to use old classic Blogger template. There are 3 column old classic template that you can use.

Pepua said...

Thanks for this tutorial. It was really useful tome. I wanted to post several videos in my blog but my template have only one spot for videos. with this instruccions I have them all at once! THANKS A LOT!
My blog is http://pepua.blogspot.com/

Manu Gerino said...

Thank you so much!
Working great!