Infos
Accueil / Tutoriels / Intégrer une vidéo Youtube en HD ou en HTML5

Intégrer une vidéo Youtube en HD ou en HTML5

Lorsque vous voulez intégrer une vidéo Youtube, vous utilisez le code que vous propose Youtube, un truc du genre :

<iframe width= »853″ height= »480″ src= »https://www.youtube.com/embed/p3xGpdJVy2g » frameborder= »0″ allowfullscreen></iframe>

Seulement voilà, quand vous l’intégrer, la qualité est en 480p au mieux, 360p si vous n’avez pas de chance.

Pour intégrer la vidéo en HD, il suffit de rajouter ?vq=hd1080 à la suite de l’url pour lire la vidéo en 1080p :

<iframe width= »853″ height= »480″ src= »http://www.youtube.com/embed/p3xGpdJVy2g?vq=hd1080 » frameborder= »0″ allowfullscreen></iframe>

Voilà les codes complets pour d’autres résolutions :

Code for 240p: ?vq=small
Code for 360p: ?vq=medium
Code for 480p: ?vq=large
Code for 720p: ?vq=hd720
Code for 1080p: ?vq=hd1080

Si au contraire vous voulez que la lecture se lance au format webm, il faut rajouter cette fois-ci ?html5=1 à la suite de l’url :

<iframe width= »853″ height= »480″ src= »https://www.youtube.com/embed/p3xGpdJVy2g?html5=1 » frameborder= »0″ allowfullscreen></iframe>

Note : vous ne pouvez pas cumuler la lecture en webm et en 1080p, c’est l’un ou l’autre malheureusement.

3 comments

  1. Merci!
    J’ai tout de même une petite question. Aurais tu une astuce pour cumuler 1. La lecture en HD et 2. La suppression des suggestions de lecture en fin de vidéo.
    Je n’arrive pas à avoir les deux en même temps car pour ajouter la partie de code « ?vq=hd720 », je dois retirer « ?rel=0 » qui interdit les suggestions.
    Merci!

  2. @Camille : bien sûr ! Normalement ceci devrait marcher : « ?rel=0&vq=hd720 »

  3. Oui! Merci beaucoup!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.

c91401ca3e4396d73b99851179e89bcdvvvvvvvvvvvvvvvvvvvvvvvvvv