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

Lorsque vous vou­lez inté­grer une vidéo You­tube, vous uti­li­sez le code que vous pro­pose You­tube, un truc du genre :

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

Seule­ment voi­là, quand vous l’in­té­grer, la qua­li­té est en 480p au mieux, 360p si vous n’a­vez pas de chance.

Pour inté­grer la vidéo en HD, il suf­fit de rajou­ter ?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>

Voi­là les codes com­plets pour d’autres réso­lu­tions :

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 vou­lez que la lec­ture se lance au for­mat webm, il faut rajou­ter 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 pou­vez pas cumu­ler la lec­ture en webm et en 1080p, c’est l’un ou l’autre mal­heu­reu­se­ment.