How to Embed a YouTube Video on Tumblr

Besides using youtube as a music player, sometimes you also want to simply embeb a youtube video in your sidebar to use it for what it was meant to, to display videos!

In this tutorial you will learn how to add it to your Tumblr layout, make it autoplay and make it smaller or bigger.

Posting a YouTube video through a video post is a whole different story, and a much easier one, since you just need to pate the YouTube video url in order for it to get published.

How to Embed a YouTube Video on Tumblr

1. Go to the YouTube video page you are interested in embedding
2. Click on Share









3. Now, Click on Embed









4. Grab the embed code just as it is there, there’s no need to check any of the boxes below.
5. Below is an example of the Youtube Video you want embed in your Tumblr Theme:




<iframe width="560" height="315" src="http://www.youtube.com/embed/CH_UpJeK6Ho" frameborder="0" allowfullscreen></iframe>




6. You need to modify both width and height until you are satisfied with its size, smaller or bigger.
7. Grab the modified code and paste in your description box. You can also add
   tags before and after the video to make a separation between it and other objects in the description box.
8. Of course you can add the same code to any other part of the theme you feel like, it’s just a trial and error until it fits properly in your blog.

How To Make A Youtube Video Autoplay on Tumblr

1. In this case, before grabbing the embed code, check the box that says “Use Old Embed Code” in the youtube video you want to insert on tumblr, after getting it (make sure you also adjust width and height, but this time they are going to appear in four parameters, not only two), add the following chunk of code at the end of the youtube url




&autoplay=1




2. Example Below. Check carefully were we pasted the autostart parameter




<object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/CH_UpJeK6Ho?version=3&amp;hl=en_US&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/CH_UpJeK6Ho?version=3&amp;hl=en_US&amp;rel=0&autoplay=1" type="application/x-shockwave-flash" width="560" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>




3. Update Preview >> Save >> Close.