Afficher la source vidéo Youtube en balise vidéo HTML5?

Question

J'essaie de montrer votre source vidéo en tube dans une balise vidéo en HTML5, mais cela ne semble pas fonctionner. plus tard, un certain nombre de recherches sur Google, j'ai appris que HTML5 ne prend pas en charge la vidéo You-Tube. Veuillez confirmer si HTML5 prend en charge la vidéo You-Tube ou non. Sinon, existe-t-il une solution de contournement pour cela? Sil te plait aide moi

Answer 1

Etape 1: ajoutez - &html5=True à vos favoris youtube url

Étape 2: Trouvez <video/> balise dans la source

Étape 3: Ajouter controls="controls" à la vidéo tag: <video controls="controls"..../>

Exemple:

<video controls="controls" 
       class="video-stream" 
       x-webkit-airplay="allow" 
       data-youtube-id="N9oxmRT2YWw" 
       src="http://v20.lscache8.c.youtube.com/videoplayback?sparams=id%2Cexpire%2Cip%2Cipbits%2Citag%2Cratebypass%2Coc%3AU0hPRVRMVV9FSkNOOV9MRllD&amp;itag=43&amp;ipbits=0&amp;signature=D2BCBE2F115E68C5FF97673F1D797F3C3E3BFB99.59252109C7D2B995A8D51A461FF9A6264879948E&amp;sver=3&amp;ratebypass=yes&amp;expire=1300417200&amp;key=yt1&amp;ip=0.0.0.0&amp;id=37da319914f6616c"></video>

Remarque: il semble à quelques - expire trucs. Je ne sais pas combien de temps l' src chaîne de travail.

Toujours le tester moi-même.

Edit (28 juillet 2011): Notez que cette vidéo src spécifique au navigateur que vous utilisez pour récupérer le code source de la page. Je pense que Youtube génère ce code HTML dynamiquement (au moins actuellement) afin de tester si je copie dans Firefox, cela fonctionne dans Firefox, mais pas avec Chrome par exemple.

Answer 2

Il n'y a aucun moyen de faire cela sans Javascript. Mais la merveilleuse bibliothèque MediaElement.js fonctionnera à merveille à cette fin:

http://mediaelementjs.com/examples/?name=youtube

L'exemple ci-dessus montre l'utilisation d'une vidéo YouTube avec une balise <video> , mais a également un repli sur Flash pour les navigateurs qui ne la prennent pas en charge.

Answer 3

Avec la nouvelle balise iframe intégrée à votre site Web, le code détectera automatiquement si vous utilisez un navigateur prenant en charge HTML5 ou non.

Le code iframe pour l'intégration de vidéos YouTube est le suivant: copiez simplement l'ID de la vidéo et remplacez-le dans le code ci-dessous:

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