Saturday, October 2, 2010

How To Post HD (Widescreen) Youtube Videos To Blogger

The problem when you post HD youtube videos to blogger i.e. blogspot is that they do not fit the alloted space for your posts. The videos are too wide and over extend into into your your right side bar. Not good. There is a really simple solution.  See below:

When you grab the embed code for a HD video (widescreen) video it will look something like this:

<object height="385" width="640"><param name="movie" value="http://www.youtube.com/v/pZEPZeLpdIU?fs=1&amp;hl=en_US">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/pZEPZeLpdIU?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

I've highlighted the problem areas in red.  The dimensions are incorrect to fit into blogger.  The is easy to fix.  All you have to do is change the above values to 416 wide x 337 high. See new code below with the changed code in red:

<object height="337" width="416"><param name="movie" value="http://www.youtube.com/v/pZEPZeLpdIU?fs=1&amp;hl=en_US">
</param>
<param name="allowFullScreen" value="true">
</param>
<param name="allowscriptaccess" value="always">
</param>
<embed src="http://www.youtube.com/v/pZEPZeLpdIU?fs=1&amp;hl=en_US" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="416" height="337"></embed></object>

No comments:

Post a Comment