web-dev-qa-db-fra.com

Forcer une vidéo youtube HTML5

En ce qui concerne le Youtube API Blog , ils expérimentent leur nouveau HTML5 lecteur vidéo.

Apparemment, pour lire une vidéo au format HTML 5, vous devez utiliser le code d'intégration iframe:

<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 Essai HTML5 , le lecteur retombera automatiquement dans le lecteur flash, même si le navigateur du client est compatible avec la vidéo HTML5.

Comment forcer la lecture de vidéos HTML5 si le navigateur le prend en charge, même si les utilisateurs ne sont pas encore impliqués dans la version d'évaluation HTML5?

Sinon, comment désactiver le repli flash?

MODIFIER:

Il est possible de forcer le lecteur HTML à travers liens vers Youtube Video , mais j'ai besoin de ce type de fonctionnalité pour les vidéos intégrées.

html5videoyoutube
116
Kami

J'ai trouvé la solution:

Vous devez ajouter le 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 au format HTML5 si disponible, ou repliée dans le lecteur flash.

178
Kami

Que les vidéos YouTube soient lues au format HTML5 ou non dépend du paramètre choisi https://www.youtube.com/html5 , par navigateur. Chrome préfère automatiquement la lecture au format HTML5, mais même les derniers Firefox et Internet Explorer utilisent toujours Flash s'il est installé sur la machine.

Le paramètre html5 = 1 ne fait plus rien maintenant. (Notez qu'il n'est même pas répertorié à l'adresse https://developers.google.com/youtube/player_parameters .)

20
Vacilando

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.

J'ai déconné 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>

espérons que cela est utile pour quelqu'un

4
alejandro

Si vous utilisez l’application iframe embed api, vous pouvez utiliser html5:1 comme l’un des arguments playerVars, comme suit:

player = new YT.Player('player', {
    height: '390',
    width: '640',
    videoId: '<VIDEO ID>',
    playerVars: {
        html5: 1
    },
});

Totalement fonctionne.

2
samson

La balise inline est utilisée pour ajouter une autre src de document à l'élément html actuel.

Dans votre cas, une vidéo sur youtube et nous devons spécifier le type de code html (4 ou 5) au navigateur, en externe, au lien.

alors ajoutez? html = 5 à la fin du lien .. :)

0
ashwinrishipj