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.