How-To: Embed high-resolution YouTube videos on your site
Jul.16, 2008 in
Development, How To
We had a YouTube video of our product embedded on our website, however it was pretty low-resolution. I wanted to make it display in higher quality, however still making use of YouTube’s servers.
After a little sniffing around, I discovered that you simply add a little bit extra to the embed parameters and it embeds a high-resolution version of your video:
&ap=%2526fmt%3D18
Adding the above line to the end of the two references to your video’s URL will embed the high resolution version of the video. For example:
<object width="425" height="344">
<param name="movie"
value="http://www.youtube.com/v/bQsV7MxQSWQ&hl=en&fs=1
&ap=%2526fmt%3D18">
</param>
<param name="allowFullScreen" value="true"></param>
<embed src="http://www.youtube.com/v/bQsV7MxQSWQ&hl=en&fs=1
&ap=%2526fmt%3D18"
type="application/x-shockwave-flash" allowfullscreen="true"
width="425" height="344">
</embed>
</object>

Leave a Reply