Vidéo YouTube HTML

La manière la plus simple d'inclure une vidéo dans HTML est d'utiliser YouTube.

Vous vous demandez quel format de vidéo choisir ?

Il peut être difficile et chronophage de convertir une vidéo dans un autre format.

Une solution plus simple consiste à faire jouer la vidéo YouTube sur votre page web.

ID de vidéo YouTube

Lorsque vous sauvegardez (ou jouez) une vidéo, YouTube affiche un ID (par exemple, ih1l6wb7LhU).

Vous pouvez utiliser cet ID et faire référence à votre vidéo dans le code HTML.

Insérez une vidéo YouTube en HTML

Pour jouer une vidéo sur une page web, procédez comme suit :

  • Téléchargez la vidéo sur YouTube
  • Rappelez-vous l'ID de la vidéo
  • Définir dans votre page web <iframe> L'élément
  • Faites src La propriété pour pointer vers l'URL de la vidéo
  • Utilisez width et height Les propriétés déterminent la taille du lecteur
  • Ajoutez d'autres paramètres à l'URL (voir ci-dessous)

Exemple

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU">
</iframe>

Essayer vous-même

YouTube Autoplay + Mute

Vous pouvez faire jouer automatiquement la vidéo dès l'accès à la page en ajoutant autoplay=1 à l'URL de YouTube. Cependant, le démarrage automatique de la vidéo peut ennuyer vos visiteurs !

Attention :Dans la plupart des cas, les navigateurs Chromium ne permettent pas l'autolecture. Mais l'autolecture silencieuse est toujours autorisée.

Dans autoplay=1 Ajouter après mute=1Permet de démarrer automatiquement votre vidéo (mais elle est silencieuse).

YouTube - Autoplay + Muted

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?autoplay=1&mute=1">
</iframe>

Essayer vous-même

YouTube Playlist

Liste des vidéos à jouer, séparées par des virgules (URL originale除外).

YouTube Loop

Ajouter loop=1 Ce paramètre rendra votre vidéo en boucle pour toujours.

Valeur 0 (par défaut) : la vidéo ne sera jouée qu'une fois.

Valeur 1 : la vidéo sera en boucle (toujours).

YouTube - Loop

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?playlist=ih1l6wb7LhU&loop=1">
</iframe>

Essayer vous-même

Contrôles YouTube

Ajouter controls=0 Cela rend le lecteur de vidéo sans contrôles.

Valeur 0 : les contrôles du lecteur ne sont pas affichés.

Valeur 1 (par défaut) : les contrôles du lecteur sont affichés.

YouTube - Controls

<iframe width="420" height="315"
src="https://www.youtube.com/embed/ih1l6wb7LhU?controls=0">
</iframe>

Essayer vous-même