A YouTube Audio Player For Tumblr


We know that Tumblr is widely used to upload and post music, make song playlists and insert Tumblr music widgets all around your theme.  But sometimes you just can’t find the song anywhere but in one of the most visited sites in the world, YouTube.  It may seem an irony, but most of us just want the YouTube video to play music, so why not turning YouTube in a audio player for Tumblr?.  Only a tweak of the embed code is needed in order to get rid of the annoying video screen that noone needs.


UPDATE: Follow this link to find out how to download music from Tumblr.

How To Make a YouTube Audio Player For Tumblr.


  1. Grab the code from the YouTube video clip you want to use to play music.  It looks like this:
  2. <object width=”480″ height=”385″><param name=”movie” value=”http://www.youtube.com/v/4AjScYSuGJ4&hl=en_US&fs=1&”></param><param name=”allowFullScreen” value=”true”></param><param name=”allowscriptaccess” value=”always”></param><embed src=”http://www.youtube.com/v/4AjScYSuGJ4&hl=en_US&fs=1&” type=”application/x-shockwave-flash” allowscriptaccess=”always” allowfullscreen=”true” width=”480″ height=”385″></embed></object>

  3. You can see there are two strings of code that show both the width and height of the video player; width=”480″ height=”385 . We are only interested in the last one.
  4. We must modify this line to make the YouTube Audio Player for Tumblr.  The value height will always be “25″ and the value width will be relative to your tumblr post layout.  In my case I chose “400″ but it could be as smaller though.
  5. Now, paste and replace the the second line width=”480″ height=”385″ for width=”400″ height=”25″
  6. Once in your publish screen, choose whatever type of post you feel like and paste the full youtube code in the html screen.  You can make this screen pop up by clicking on the html button that is located on your post toolbar.
  7. You can not only paste this code into any type of posts, but also in your sidebar, header, or footer in your Tumblelog.

Here is an example of a YouTube music player for Tumblr.

You can also download Tumblr videos with this tool.


21 Responses to "A YouTube Audio Player For Tumblr"

Add Comment
  1. Don

    September 5, 2010 at 7:36 pm

    how can you make the youtube player for tumblr auto play?

    [Reply]

  2. Roseanne

    January 30, 2011 at 2:02 am

    I really want this. And I’ve tried.
    And it totally is confusing for me.
    DO you mind if you can give me the WHOLE code?

    Mean- Taylor Swift Feat Wiz.
    Please:D
    Anywho, thanks.

    [Reply]

  3. alejandra

    June 1, 2011 at 10:26 pm

    Hey! Does it work for playlists? I mean, if I make a playlist on youtube and then transform that playlist’s code into a music player one… Will I be able to listen to all of the playlist’s songs on my new youtube music player?

    [Reply]

  4. alejandra

    June 13, 2011 at 3:36 pm

    I finally did it. However, every time I look at my dashboard, the post with the youtube music player shows only a little square… which should be the music player. What can I do?

    [Reply]

  5. Michiel

    September 8, 2011 at 9:26 pm

    hi, I get what you’re doing. but youtube now has a shorter embed code. So now it’s still showing a small piece of the video. do you know how to solve this?

    old:

    new:

    hope you can help out.

    thanks in advance

    [Reply]

  6. Nikki

    November 6, 2011 at 7:14 am

    Is there any way for the youtube music to be on shuffle so that there is variety instead of it beginning on the same song all the time?

    [Reply]

  7. T Ra

    November 29, 2011 at 2:36 am

    Can this be put on autoplay?

    [Reply]

  8. jennifer

    January 29, 2012 at 11:32 am

    Please can u answer me asap, I’m writing a Fanfic and i want to have the song on based on the fanfic to show up on the page so that when people read it they can listen to the song that the fanfic is based on
    please send the answer to my ask box

    [Reply]

  9. Harry

    February 29, 2012 at 6:07 am

    Thanks this is awesome!

    [Reply]

  10. daisy

    April 6, 2012 at 4:04 am

    i would like to put some music on my blog, from youtube could you please tell me how?

    [Reply]

    Mr. Tumblr Reply:

    Indeed. Read the tutorial above your comment.

    [Reply]

  11. Buffyy

    June 15, 2012 at 1:13 am

    It doesn’t work for me. It just says “video player is too small”

    [Reply]

  12. video traffic academy download

    July 3, 2012 at 12:18 am

    You know therefore significantly in relation to this topic, made me individually consider it from so many numerous angles. Its like men and women are not fascinated unless it is one thing to accomplish with Woman gaga! Your personal stuffs great. Always handle it up!

    [Reply]

  13. Bruno

    July 6, 2012 at 8:19 pm

    By the way I tried the old and new embed code but still no sound.

    [Reply]

  14. Sam

    July 9, 2012 at 2:49 am

    Where do you get the Youtube code from? Thanks in return.

    [Reply]

  15. Alexandra Cel Mare

    July 12, 2012 at 7:30 pm

    I tried following your instructions, the think is that your post refers to the “old” embedded code Youtube uses. The new one is shorter and slightly different.
    The problem I have is that, after I embedded the code in the HTM window and made the height and width modifications, the song still could not be played in my page. Instead it opened the youtube one, in a new tab/window (depending on your browser settings).
    I say the “sample” youtube player you referred to and, honestly, it doesn’t really look like the one on my tumblr page. Do I need to make some extra changed to the “new” embedded youtube code, or is this really how a youtube player on tumblr works.

    Hopefully you can help me. Thank you.

    [Reply]

  16. Xoxo Sweetheart

    August 14, 2012 at 6:11 pm

    I would like to create a sidebar smart video player of only the videos I have posted to my tumblr, how can I do that?

    [Reply]

  17. Jap

    November 29, 2012 at 1:16 pm

    this doesnt seem to work anymore with the new YT embed layout :(

    [Reply]

  18. Tasha

    April 20, 2013 at 1:21 am

    How do I use this automatically like a proper Tumblr audio input. I’m not a computer geek so you may have to go slow with me.

    [Reply]

  19. Tasha Maw

    April 20, 2013 at 1:23 am

    How can I get the song to play automatically like a proper Tumblr audio input. I’m not a computer geek so you may need to go slow with me.

    [Reply]

  20. Natasha

    April 20, 2013 at 1:24 am

    How do you get the song to play automatically like a proper Tumblr audio input. You may have to go slow with me because I’m not a computer geek.

    [Reply]

Submit a comment

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>