Forcer une vidéo YouTube sur HTML5

Question

Concernant l' API Youtube Blog ils expérimentent leur nouveau Lecteur Vidéo HTML5.

Apparemment pour lire une vidéo en html5, vous devez utiliser l'iframe code d'intégration :

<iframe class="youtube-player" type="text/html" width="640" height="385"
  src="http://www.youtube.com/embed/VIDEO_ID" frameborder="0">
</iframe>

Mais si le client n'a pas rejoint le HTML5 Essai, le joueur sera automatiquement retomber dans le lecteur flash, même si le navigateur du client est la vidéo HTML5 capable.

Comment faire pour forcer la vidéo HTML5 de lecture si le navigateur prend en charge, même si l'utilisateur n'est pas encore impliqué dans le HTML5 Procès ?

Sinon, comment désactiver le flash de secours ?

EDIT:

Il est possible de forcer HTML joueur par le biais de liens vers une Vidéo Youtube, mais j'ai besoin de ce genre de fonctionnalité pour les vidéos intégrées.

Answer 1

J'ai trouvé la solution:

Vous devez ajouter les html5=1 dans l'attribut src de l'iframe:

 <iframe src="http://www.youtube.com/embed/dP15zlyra3c?html5=1"></iframe>
 

La vidéo sera affichée en tant que HTML5 si elle est disponible, ou sera replacée dans le lecteur flash.

Answer 2

De savoir si ou de ne pas YouTube la lecture des vidéos au format HTML5 dépend de la mise à https://www.youtube.com/html5par navigateur. Chrome préfère HTML5 automatiquement la lecture, mais même le dernier Firefox et Internet Explorer toujours utiliser le Flash s'il est installé sur la machine.

Le paramètre html5=1 ne pas faire quelque chose (en plus) maintenant. (Veuillez noter qu'il n'est même pas répertorié à https://developers.google.com/youtube/player_parameters.)

Answer 3

J'ai essayé d'utiliser le code d'intégration iframe et le lecteur HTML5 est apparu, cependant, pour une raison quelconque, l'iframe était en train de casser complètement mon site.

Je me suis amusé avec l'ancien code d'intégration d'objet et cela fonctionne parfaitement bien. Donc, si vous rencontrez des problèmes avec l'iframe, voici le code que j'ai utilisé:

 <object width="640" height="360">
<param name="movie" value="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3"/>
<param name="allowFullScreen" value="true"/>
<param name="allowscriptaccess" value="always"/>
<embed width="640" height="360" src="http://www.youtube.com/embed/VIDEO_ID?html5=1&amp;rel=0&amp;hl=en_US&amp;version=3" class="youtube-player" type="text/html" allowscriptaccess="always" allowfullscreen="true"/>
</object>
 

j'espère que c'est utile pour quelqu'un