Force youtube embed to start in 720p

html youtube embed
Mark Kramer picture Mark Kramer · Sep 28, 2011 · Viewed 182.1k times · Source

There are a few methods suggested for doing this online, but none of them seem to work.

For example:

http://blog.makezine.com/archive/2008/11/youtube-in-720p-hd-viewin.html

That article is about making it start in 720p, but it doesn't even work on their own video.

Does anyone here know how to do it?

Answer

TrySpace picture TrySpace · May 7, 2012

(This answer was updated, as the previous method using vq isn't recognized anymore.)

Specifying the height of the video will change the quality accordingly. example for html 5;

<iframe style='width:100%; height:800px;' src='https://www.youtube.com/embed/xxxxxxxx'></iframe>

If you don't want to hardcode the width and height you can add a class to the iframe for css media queries.

Tested on a working server + passes the w3.org nuhtml validator.

Related questions

How to embed high quality video with new YouTube iframe style code

I am using youtubes new iframe code to embed video but the videos seem to be lower quality than if I watch them on youtube. Is there a way to embed the high quality video? My code at the moment …

Read More
Auto-Full Screen for a Youtube embed

I have a Youtube video embeded on a webpage. Is it possible to have the video go full screen when the user presses play, using the HTML5 iframe with Youtube's API? Using the Chromeless player is not an option as …

Read More
how to share a video from my website on facebook like youtube

I have a website that has a HTML5 video player. I want to share the link ( ex: http://site.com/video/example-2 ) on facebook and one the users click on the image of that post on the facebook it starts …

Read More