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

Voilà ce que ça donne en 1080p :

Ou pour ceux qui ont Free :p :

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.

Voilà cette fois-ci ce que l'on obtient :