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>

August 23rd, 2008 at 6:30 pm
[...] – bookmarked by 1 members originally found by ptfree on 2008-08-06 How-To: Embed high-resolution YouTube videos on your site http://blog.evandavey.com/2008/07/how-to-embed-high-resolution-youtube-videos-on-your-site.html – [...]
November 4th, 2008 at 12:03 am
Hi there,
This works great in Firefox and Chrome. But, does anyone know how to make it work for Internet Explorer??
January 13th, 2009 at 9:02 am
[...] –vía: Tech Thought [...]