Embed High Definition YouTube Videos in a Blog or Web site

Blair Mathis
YouTube decided, after much begging from users, to add a high-definition viewing option to its videos. This button would allow users with faster Internet connections to watch higher-quality versions of the same videos already on the Web site.

Many videos are being uploaded in higher-quality resolution, due in part to the increase in technology. Camera's like the lower-end Xacti and the Aiptek HD line allow users to create high-quality videos without spending a lot on equipment.

Unfortunately, there is still one problem with these higher-quality videos, and that is embedding. When you embed the higher-quality version of a YouTube video on a blog or website, it will playback in lower quality, with no options to up the settings.

Luckily, there is a solution to this, and it is not very difficult or technical. This technique will allow you to embed HD and high quality YouTube videos in your blog or website for optimal playback.

Step 1: Locate a video that you want to embed and click the high-quality button under it to make sure it actually increases in quality - a video that was recorded at a poor setting will have no difference, so you won't be able to tell if you embedded it correctly.

Step 2: Copy the embed code for the video. It is located on the right side of the screen, below the video description area - it says 'EMBED'.

Step 3: Create a new post on your blog or where ever it is you'd like to embed the video. Paste the copied embed code into the post.

Now look through the code for the EMBED URL and the SRC URL. At the end of these two lines, you will need to copy and paste this code into it - &ap=%2526fmt%3D18. This code is similar to the now-famous fmt=18 code, and will tell the player to use the high-definition version of the video.

Here is an example of the code:

value="http://www.youtube.com/v/HT1gL7YB-cU&hl=ja&fs=1&ap=%2526fmt%3D18" src="http://www.youtube.com/v/HT1gL7YB-cU&hl=ja&fs=1&ap=%2526fmt%3D18"

You can see the two places that I've inserted the code.

Step 4: Save the blog post or website and check the post for the video. If it doesn't play in higher quality, check and make sure that you posted the code at the end of BOTH the URLs in the embed code, not just one.

Published by Blair Mathis

Blair is a fulltime freelance writer who specializes in travel and technology writing. Having worked for both private and corporate clients, Blair has experience working to meet a wide range of requirements...  View profile

2 Comments

Post a Comment
  • dragonfly10/31/2008

    Nice tip but I hae a question...there is no option then to view in lower quality for slower internet connections? Do you have code allowing user option? Or, do you have to post video 2 x on two differen pages with a link to the higher quality one available from the main one? thanks.

  • ALex10/29/2008

    Thanks so much for this Gold secret !!!

Displaying Comments

To comment, please sign in to your Yahoo! account, or sign up for a new account.