Force youtube embed to start in 720p

Question

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

User · Answer

Youtube doesn t support playback quality anymore

User · Answer

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    lt iframe style  width 100   height 800px   src  https   www youtube com embed xxxxxxxx  gt  lt  iframe gt    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

User · Answer

The first example below does not work for me  but the second one does  in Chrome     lt iframe width  720  height  405  src    www youtube com embed GX c566xYcQ rel 0 amp vq hd1080  frameborder  0  allowfullscreen  1  gt  lt  iframe gt   lt iframe width  720  height  405  src    youtube com v IplDUxTQxsE rel 0 amp vq hd1080  frameborder  0  allowfullscreen  1  gt  lt  iframe gt    I believe the first one uses the new HTML5 youtube player whereas the bottom one  which works  uses the older flash player   However  the second one doesn t seem to load correctly in Safari Firefox etc so probably not usable

User · Answer

You can do this by adding a parameter  amp hd 1 to the video URL  That forces the video to start in the highest resolution available for the video  However you cannot specifically set it to 720p  because not every video has that hd ish      http   www youtube com watch v VIDEO ID amp hd 1   http   code google com apis youtube player parameters html  UPDATE  as of 2014  hd is deprecated https   developers google com youtube player parameters csw 1 Deprecated Parameters

User · Answer

In case you re still wondering how to do it  then add   amp feature youtu be amp hd 1 Actually now I checked  this works only when you re sending the URL to someone else  not on embed

User · Answer

I ve managed to get this working by the following fix     www youtube com embed  YOUR VIDEO CODE   vq hd720   You video should have the hd720 resolution to do so   I was using the embedding via iframe  BTW  Hope someone will find this helpful

User · Answer

Use this  it works 100    your videocode rel 0 amp vq hd1080

User · Answer

This is an embed example of video played in HD 1080    lt iframe width  560  height  315  src  http   youtube com v IplDUxTQxsE amp vq hd1080  frameborder  0  allowfullscreen  1  gt  lt  iframe gt    Let s break apart the code http   youtube com v  video id  amp vq hd1080  Video id for that video  IplDUxTQxsE you will see this type of random code in the link of every YouTube video    So far so good  this trick works for playing full HD videos directly on webpages   You can change the quality to 720 too   amp vq hd720

User · Answer

None of the above solutions seem to work if the width height is less than the line resolution of quality  you select  For example  the following doesn t work for me in Chrome    lt iframe width  720  height  480  src    youtube com embed hUezoHa1ZF4 autoplay true amp rel 0 amp vq hd720  frameborder  0  allowfullscreen gt  lt  iframe gt    I want to show the high quality video  but not use up 1280 x 720 pixels on the webpage   When I go to youtube itself  playing 720p video in a 720x480 window looks better than 480p at the same size  I want to play 720p in a 720x480 window  downsampled better quality   There is no good solution yet afaik

[html] Force youtube embed to start in 720p

Examples related to html

Examples related to youtube

Examples related to embed