How to Embed a Youtube Video Cleanly to Your Blog

The video above shows you how to embed Youtube videos to your blog effectively and cleanly. Specifically, what we will be doing is resizing the video to fit into our blog nicely, making the play bar hide itself, removing the distracting information at the top left corner of the embedded video, and removing the related videos at the end. The process is very simple, using only a few modifications.

The final code that you will be using should look something like this:

<iframe src="https://www.youtube.com/embed/rWl4y1-rdMw?rel=0;3&amp;autohide=1&amp;showinfo=0" frameborder="0" width="635" height="353"></iframe>

*Note: The Youtube URL, Width, and Height will vary.

The part that needs to be added to the URL after the “rel=0” part is this:

;3&amp;autohide=1&amp;showinfo=0

Youtube will automatically give you all of the code that you need for the size and showing the related videos, so we only need to worry about the part listed above for the coding part. Just paste this after the “rel=0” section.

The end result will be similar to the way the video on this page looks. The dimensions of the video fit nicely into the blog post, and there will be a simple poster frame and play button instead of displaying the video info and the play bar at the bottom. There is also no border around the frame. When the video plays, you will notice that the play bar will hide itself as you hover away, but if you hover over the video you can still change the resolution, make the video fullscreen, enable captioning, etc. When the video is paused, the video title and information are not displayed. At the end of the video, the related videos are not displayed. This keeps the focus on your blog, and prevents something coming up that you may not want to associate with your blog. It appears that the newest form of embedded Youtube videos no longer have the Youtube logo in the corner of the video anymore, so we don’t have to worry trying to remove the Youtube logo.

Thankfully, the days of the not being able to edit the way your embedded Youtube videos look are apparently gone. For those who want to further customize their embedded videos, Google has a list of several other Youtube Embedded Player Parameters.

SHARE IT:

Commenting area

  1. Dave November 11, 2011 at 6:46 pm · ·

    Here is a way tool that automatically generates the Youtube embed code with almost any option you want to modify.

    http://www.davewooding.com/how-to-customize-and-embed-a-youtube-video/

    Dave

  2. David Esrati November 12, 2011 at 5:58 am · ·

    Thanks for the tips Dave- the tool is very nice- and another fine option to solve the problem of excessive additions to the basic YouTube player.

  3. Janaka February 4, 2012 at 6:02 am · ·

    Thanx David! It works nice…

  4. Sydney February 22, 2012 at 1:57 am · ·

    thank man

  5. Gerardo October 7, 2013 at 1:51 pm · ·

    I use a lot of other peoples videos on my blogs alot.
    i wanted to know if there was a code that would remove the pop up annotations that sometime come with videos… ?

    thanks.

  6. David Esrati October 7, 2013 at 3:25 pm · ·

    I believe this link supplies the code to remove annotations: http://stackoverflow.com/questions/8166846/removing-annotations-on-embedded-youtube-videos
    however, in many cases- the annotations are there because the author wanted you to know something- like a new version etc.

  7. Gerardo October 11, 2013 at 2:43 am · ·

    Thanks David…
    I found this piece of code that does the job nicely..
    ?rel=0&autoplay=1&controls=0&iv_load_policy=3&modestbranding=0&showinfo=0&showsearch=1

  8. Mike Stodola April 1, 2014 at 11:58 am · ·

    great tips…really helpful

  9. Roeloffzen August 29, 2014 at 9:04 am · ·

    In Tumblr, getting rid of the related video works (), but getting rid of the rest described above doesn’t work (). Anybody knows why? Thanx!

  10. kata August 4, 2015 at 4:49 pm · ·

    hey David,
    i love how simple it is while playing, but when i stop it, it still shows the youtube logo in the right bottom corner.
    Is there any chance to keep it clean the way it is while playing but to also get rid of the logo?
    also, is there a chance to remove the huge play button in the very beginning before playing it?
    Thank you
    Kata

  11. David Esrati August 4, 2015 at 5:15 pm · ·

    I think the play button is always there.
    Google has made it a lot easier to find all the code you need here, including how to ditch the logo: https://developers.google.com/youtube/player_parameters?csw=1#modestbranding

  12. Alpesh December 21, 2015 at 1:28 am · ·

    This is age of Youtube.With the help of youtube we can get different different knowledge.It is very helpful for me to use YouTube Video Parameters for Embedded Videos
    For more information: http://www.labstech.org/youtube-video-parameters-customize-player-2014-06-28/

  13. Mark Abbott April 29, 2016 at 3:50 pm · ·

    Your method is out-dated and doesn’t work now.

    I personally use a tool called Julbul; that completely removes youtube logo from embed videos (and all other youtube links) from embed videos with 100% accuracy.

    Please update your post.

Leave a Reply