Force HTML5 youtube video

Question

Regarding the Youtube API Blog they are experimenting with their new HTML5 Video Player   Apparently to play a video in html5  you have to use the iframe embedding code     lt iframe class  youtube-player  type  text html  width  640  height  385    src  http   www youtube com embed VIDEO ID  frameborder  0  gt   lt  iframe gt    But if the client has not joined the HTML5 Trial  the player will automatically fall back into the flash player even if the client s browser is HTML5 video capable   How to force the HTML5 video playback if the browser supports it  even if the users are not yet involved in the HTML5 Trial   Otherwise how to disable the flash fallback   EDIT   It s possible to force HTML player through links to Youtube Video  but I need this kind of feature for embedded videos

User · Accepted Answer

I ve found the solution     You have to add the html5 1 in the src attribute of the iframe      lt iframe src  http   www youtube com embed dP15zlyra3c html5 1  gt  lt  iframe gt    The video will be displayed as HTML5 if available  or fallback into flash player

User · Answer

Whether or not YouTube videos play in HTML5 format depends on the setting at https   www youtube com html5  per browser  Chrome prefers HTML5 playback automatically  but even the latest Firefox and Internet Explorer still use Flash if it is installed on the machine   The parameter html5 1 does not do anything  anymore  now   Note it is not even listed at https   developers google com youtube player parameters

User · Answer

I tried using the iframe embed code and the HTML5 player appeared  however  for some reason the iframe was completely breaking my site   I messed around with the old object embed code and it works perfectly fine   So if you re having problems with the iframe here s the code i used    lt object width  640  height  360  gt   lt param name  movie  value  http   www youtube com embed VIDEO ID html5 1 amp amp rel 0 amp amp hl en US amp amp version 3   gt   lt param name  allowFullScreen  value  true   gt   lt param name  allowscriptaccess  value  always   gt   lt embed width  640  height  360  src  http   www youtube com embed VIDEO ID html5 1 amp amp rel 0 amp amp hl en US amp amp version 3  class  youtube-player  type  text html  allowscriptaccess  always  allowfullscreen  true   gt   lt  object gt    hope this is useful for someone

User · Answer

Inline tag is used to add another src of document to the current html element   In your case an video of a youtube and we need to specify the html type 4 or 5  to the browser externally to the link  so add  html 5 to the end of the link

User · Answer

If you re using the iframe embed api  you can put html5 1 as one of the playerVars arguments  like so   player   new YT Player  player         height   390       width   640       videoId    lt VIDEO ID gt        playerVars            html5  1              Totally works

[html] Force HTML5 youtube video

Examples related to html

Examples related to video

Examples related to youtube