Tuesday, August 20, 2013

Fix Oversized Video in your Blog

If your embedded YouTube or other video is too large and does not fit within your current layout of your blog, simply go into the HTML and change the height and width parameters:

Old (too large): iframe allowfullscreen="" frameborder="0"
height="315" src="//www.youtube.com/embed/oIkhgagvrjI"
width="560" 

New (just right):  iframe allowfullscreen="" frameborder="0"
height="225" src="//www.youtube.com/embed/oIkhgagvrjI"
width="400" 

(You can also play around with the height/width, this worked for me too: 289x460)

You may also have an option to change the size of the video while copying the embedding link. If so you can select a smaller size there. 

Thanks to TaskRabbit, Kevin C.

Creative Commons License This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License. This post has been scraped in violation of that license if you are reading this post on other than http://www.digital-qa.blogspot.com/.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...