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.

A voir aussi

Illustration d’un setup de jeu avec un écran éteint relié par un câble HDMI à une console ROG Ally affichant Moonlight en 1080p, symbolisant le streaming local sans allumer l’écran principal du PC.

Comment jouer en streaming local avec Moonlight sans écran allumé grâce à un adaptateur HDMI fictif

Je me doute que l’u­ti­li­sa­tion décrite ci-après est extrê­me­ment niche, mais elle peut ser­vir. J’ai …

3 comments

  1. Mer­ci !
    J’ai tout de même une petite ques­tion. Aurais tu une astuce pour cumu­ler 1. La lec­ture en HD et 2. La sup­pres­sion des sug­ges­tions de lec­ture en fin de vidéo.
    Je n’ar­rive pas à avoir les deux en même temps car pour ajou­ter la par­tie de code “?vq=hd720”, je dois reti­rer “?rel=0” qui inter­dit les sug­ges­tions.
    Mer­ci !

  2. @Camille : bien sûr ! Nor­ma­le­ment ceci devrait mar­cher : “?rel=0&vq=hd720”

  3. Oui ! Mer­ci beau­coup !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *