How to Embed High Quality and Higher Resolution YouTube Videos on Blog or Website
Viewers can now opt to view YouTube video clips in higher quality, or even set YouTube to playback the video in high resolution quality mode automatically by default whenever the video is watched on YouTube website. However, for YouTube video clip which embedded on blog or web page, viewers won’t have such flexibility to switch or upgrade the video playback to higher quality streaming, unless webmaster or blogger specifically embed a high quality and high resolution YouTube embed code on the website.
To allow visitors to web pages embedded with YouTube video clip to view and watch the video in high quality mode, webmaster has to use the hack below to embed the code that will stream from high quality video source, which stream as a MP4 (H264 with AAC audio) and encoded at 480×360. Similar to the hack to view high quality video on YouTube with &fmt=18 or &fmt=6 switch, publisher needs to append a switch to the YouTube embed code so that the Flash Player knows that it should play the video with high quality video streaming.
What’s the different between normal quality and high quality YouTube videos? Take a look at the 2 embedded YouTube video clips below, featuring sexy Mariah Carey singing Touch My Body, and you would amazed.
Normal quality version of YouTube video
High quality version of YouTube video
However, the default “&fmt=18″ flag for URL address bar will not work on embed code. In YouTube embed code, add and append &ap=%2526fmt%3D18 to the end of video clip’s URL specified in “param value” and “embed src”. For example, for video above, the embed code will be as below:
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/_w0AwGCjqnw&hl=en&rel=0″></param><embed src=”http://www.youtube.com/v/_w0AwGCjqnw&hl=en&rel=0″ type=”application/x-shockwave-flash” width=”425″ height=”344″></embed></object>
Apend the &ap=%2526fmt%3D18 to the end of two instances of http://www.youtube.com/v/xxxxxxxxxxx&hl=en&rel=0 within the original quotation mark, where xxxxxxxxxxx represents the unique video ID. The high quality YouTube embed looks like below:
<object width=”425″ height=”344″><param name=”movie” value=”http://www.youtube.com/v/_w0AwGCjqnw&hl=en&rel=0&ap=%2526fmt%3D18″></param><embed src=”http://www.youtube.com/v/_w0AwGCjqnw&hl=en&rel=0&ap=%2526fmt%3D18″ type=”application/x-shockwave-flash” width=”425″ height=”344″></embed></object>
The best part of high quality video can be enlarged to the width of 480 with affecting the viewing quality as the streaming video is encoded in 480×360 resolution.
With HD era arriving, YouTube now supports playback of YouTube hosted video in 720p HD (High Definition) picture quality resolution in near CD audio quality. Here’s how to embed video on external third party websites or blogs to play YouTube in 720p resolution or embed video to play in HD by default.
Related Articles
- Force YouTube to Automatically Play Videos in Higher Quality Resolution Mode by Default
- How to Embed and Play 720p HD (High Definition) YouTube Videos (&fmt=22 Code Hack)
- Embed YouTube HD Video to AutoPlay in High Definition Code Trick
- Download Free authorSTREAM Desktop To Embed YouTube Videos to PowerPoint Slides
- Upgrade Video Quality When Viewing YouTube
- Download Free Video Downloader To Download High Defination (HD) Videos From YouTube and Wrzuta
- YouTube Allows You to Start Playing Embed Video at Specific Start Time
- Download YouTube Uploader To Upload Multiple Videos on YouTube
- Enable 3D Player In YouTube Videos Via YouTube 3D Video Tags
- Youtube To Launch HD Videos Soon
Entries (RSS)
January 23rd, 2009 21:43
Do you know how to hack VIMEO for HD embedding.
Thank you for the YouTube hack i’m already using it.
S
January 19th, 2009 11:23
[...] and hp.com. How to set your preferences on YouTube to get high quality video from mydigitallife.info. Ben Fryxell of macmaniapodcast.com does the Honda Bob commercial this week. In this week’s [...]
January 17th, 2009 02:14
[...] Το τελευταίο το καταφέραμε με βάση αυτό το post. [...]
January 13th, 2009 19:20
Thanks for the help bro, much appreciated!
January 13th, 2009 18:07
[...] übrigens an My Digital Life, für den Tipp wie man YouTube-Videos auch in hoher Qualität in die eigene Website einbetten [...]
January 13th, 2009 01:11
[...] to embed high quality YouTube video clips on external website for direct viewing or playback of visitors. But to many disappointment and [...]
January 12th, 2009 23:30
Thanks a million this has been a life saver for me
December 29th, 2008 22:59
Brilliant! Works like a treat! Well done and many thanks!!!
December 22nd, 2008 22:10
Thank you for this priceless information.
Cheers.
December 8th, 2008 05:46
Great but how do you embed high quality with youtube’s custom video player?
December 8th, 2008 01:39
epic fail videos don’t play
December 6th, 2008 13:47
[...] lite genom att lägga in &ap=%2526fmt%3D18 efter länknamnet i koden, beskrivs mer i detalj här. det gör faktiskt [...]
December 4th, 2008 01:16
thank you!
December 2nd, 2008 01:51
[...] you find them useful, I will add more in the future. These are the first two (somehow the youtube high quality trick isn’t working from here, so you may wanna go here to watch them in better [...]
November 28th, 2008 21:20
Do anyone knows how to embed you tube video to ppt…?
November 28th, 2008 21:19
Do anyone knows the way to embed you tube video to powerpoint presentation?
November 28th, 2008 09:10
Here’s a link to a video that can be viewed in high and low quality.
http://au.youtube.com/watch?v=trOG1B5UV9c
Makes a big difference
November 27th, 2008 00:33
[...] very simple explanations of how to do this can be found here and here. Or, rather, should I say, in the past this is how it was [...]
November 22nd, 2008 10:40
Thanks a lot man! I’ve been frustrated for a long time about always having to put crappy videos on my websites. This is just awesome!
November 20th, 2008 15:16
[...] possible to embed high quality YouTube video clips on external website for direct viewing or playback of visitors. But to many disappointment and [...]
November 20th, 2008 04:23
This is a great hack!!!!
I am wondering, though, how to do this for the customized youTube video players.
YouTube allows users to create ccustom players, but how do you get the high quality video in here?
example : http://gwirtzmandance.com/videoplayer.html
ideas? hacks?
November 18th, 2008 21:05
[...] Sources: Yahoo! Tech, jimmyr.com, My Digital Life. [...]
November 18th, 2008 18:10
simply amazing, thank you.
November 16th, 2008 17:46
Nice! Works PERFECTLY. Thanks….
October 31st, 2008 15:29
[...] of the hat to My Digital Life and Tobias Lind. _________ From http://generalspecialist.com/ [...]