Vidéo

Définitionvideo

Pour insérer un fichier vidéo dans votre page HTML, vous pouvez utiliser la balise <video>

1
<video width="200" src="../res/video.mp4" poster="../res/HTML.png" controls>
2
  Votre navigateur ne permet pas de lire les vidéos.
3
</video>
Interprétation de balises

Attributs :

  • autoPlay : démarrage automatique

  • controls : affiche les contrôles de lecture vidéos

  • loop : la vidéo est jouée en boucle

  • muted : le son est coupé

  • poster : vignette pendant le chargement de la vidéo

  • src : source du fichier vidéo

  • width, height : largeur et hauteur

Vous pouvez proposer plusieurs formats avec la balise <source>.

Le navigateur utilise le premier format lisible.

1
<video width="200" controls>
2
  <source src="../res/video.mp4" type="video/mp4">
3
  <source src="../res/video.webm" type="video/webm">
4
  Votre navigateur ne permet pas de lire les vidéos.
5
</video>

DéfinitionYoutube

Pour intégrer une vidéo Youtube sur votre page, allez sur la page Youtube.

  • Sous la vidéo, cliquez sur "Partager"

  • Cliquez sur Intégrer.

  • Copiez le code HTML.

  • Collez le code HTML dans votre page.

1
<iframe
2
  width="280"
3
  height="157"
4
  src="https://www.youtube.com/embed/oPU8WmIkrYE"
5
  frameborder="0"
6
  allow="autoplay; encrypted-media"
7
  allowfullscreen>
8
</iframe>
Interprétation de balises

Complément

Vidéo Lion
Vidéo Lion