Vidéos YouTube HTML
Le moyen le plus simple de lire des vidéos en HTML est d'utiliser YouTube.
Vous avez du mal avec les formats vidéo ?
La conversion de vidéos en différents formats peut être difficile et prendre du temps.
Une solution plus simple consiste à laisser YouTube lire les vidéos de votre page Web.
Identifiant vidéo YouTube
YouTube affichera un identifiant (comme tgbNymZ7vqY), lorsque vous enregistrez (ou lisez) une vidéo.
Vous pouvez utiliser cet identifiant et faire référence à votre vidéo dans le code HTML.
Lire une vidéo YouTube en HTML
Pour lire votre vidéo sur une page Web, procédez comme suit :
- Téléchargez la vidéo sur YouTube
- Notez l'identifiant de la vidéo
- Définir un
<iframe>
élément dans votre page Web - Laissez l'
src
attribut pointer vers l'URL de la vidéo - Utilisez les attributs
width
et pour spécifier la dimension du joueurheight
- Ajoutez tout autre paramètre à l'URL (voir ci-dessous)
Exemple
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>
Lecture automatique YouTube + Muet
Vous pouvez laisser votre vidéo commencer à jouer automatiquement lorsqu'un utilisateur visite la page, en ajoutant autoplay=1
à l'URL YouTube. Cependant, le démarrage automatique d'une vidéo est embêtant pour vos visiteurs !
Remarque : les navigateurs Chromium n'autorisent pas la lecture automatique dans la plupart des cas. Cependant, la lecture automatique en sourdine est toujours autorisée.
Ajoutez mute=1
après
autoplay=1
pour que votre vidéo commence à jouer automatiquement (mais en sourdine).
YouTube – Lecture automatique + Mise en sourdine
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>
Liste de lecture YouTube
Une liste de vidéos à lire séparées par des virgules (en plus de l'URL d'origine).
Boucle YouTube
Ajoutez loop=1
pour laisser votre vidéo en boucle pour toujours.
Valeur 0 (par défaut) : la vidéo ne sera lue qu'une seule fois.
Valeur 1 : La vidéo sera en boucle (pour toujours).
YouTube - Boucle
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>
Commandes YouTube
Ajouter controls=0
pour ne pas afficher les commandes dans le lecteur vidéo.
Valeur 0 : les commandes du lecteur ne s'affichent pas.
Valeur 1 (par défaut) : affichage des commandes du lecteur.
YouTube – Commandes
<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>