Monday, January 01, 2007

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

Update: A commentator has drawn my attention to a change on how to create playlist and the screen shot above can now be replace by a new screen shot below where you hover your mouse over "+ Add to" and then click on the drop down choice:




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

20 comments:

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

    ReplyDelete
  2. It works great! Thank you!

    Best regards,

    Lille Skvat

    ReplyDelete
  3. 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?

    ReplyDelete
  4. 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

    ReplyDelete
  5. 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.

    ReplyDelete
  6. 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/

    ReplyDelete
  7. Thank you so much!
    Working great!

    ReplyDelete
  8. Thanx !^!

    I really helped me .
    I used this information for my blog.
    U can even check and correct my blogging mistakes in my blog:

    http://eclipsazoology.blogspot.com/

    ReplyDelete
  9. hey great article, i found it very helpful and related to my blog. Hopefully we can build up a good relationship....


    http://doyouwantobeayoutubepartner.blogspot.com/

    ReplyDelete
  10. Heisann!

    I try to load a track from a CD I bought of a vocal folkmusic-group on the post of my blog where I write about them. I have their blessing to do so, but I can´t find the way to do it.
    Can you help me?
    bjorgnin@gmail.com
    http://viltogvakkert.blogspot.com/2010/06/uti-var-hage.html

    Best wishes from bjorgnin

    ReplyDelete
  11. I don't deal with audio much but I figure the first thing you need to do is to familiarize yourself with the various audio file formats and make sure that the file you get from that CD is in the format which you can upload to file host which allow hotlinking. You may also consider Google sites for hosting music files. Then you may add mp3 player to your blog. Or read about Adding music to your blog or add music to your blog another easy way or invisible background music player

    ReplyDelete
  12. Hi,
    I want to add all of my youtube videos ito my blog with a horizontal scroll bar. Can you plese help me in regarding this?

    Thanks,
    Sree

    ReplyDelete
  13. What you want done can be done using a combination of scroll box and HTML table and resizing Youtube video for embedding to appropriate size for the scroll box.

    ReplyDelete
  14. very nice tips and very thankyou

    I myself have an youtube account and i beleive youtube is the best source of income.but it too needs time and goo quality videos.
    check out my own article telling about top youtube earners.
    you would me amazed after looking at their earnings,

    Top 10 Youtube earners and their earnings

    ReplyDelete
  15. Good work Peter, keep it up..

    Zaitun

    ReplyDelete
  16. I believe youtube has changed. I`m logged in currently and I click the drop down arrow I see under my account: channel videos subscriptions inbox settings and sign out. I`m not finding the custom video player section as I`ve used this blog post before this apparent switch and followed directions and things worked well and I made embedded playlist.

    Would you consider revising this article? Thanks and I`m a big fan\
    avid reader and follower.

    ReplyDelete
  17. Maybe a new post is not necessary because just below the video are the following options -
    Like
    + Add to

    and when you hover over + Add to you can choose Add to playlist.

    ReplyDelete

Find help, info, instructions, tips, tricks

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