Attribut poster de l'élément <video> HTML

Définition et utilisation

poster Cette propriété spécifie une image qui sera affichée pendant le téléchargement du vidéo ou jusqu'à ce que l'utilisateur clique sur le bouton de lecture.

Si cette propriété n'est pas définie, l'image du premier cadre du vidéo sera utilisée.

Exemple

Exemple

Lecteur vidéo avec image de poster :
  <video controls poster="w3v.png">
  <source src="shanghai.mp4" type="video/mp4">
  <source src="shanghai.ogg" type="video/ogg">
Votre navigateur ne prend pas en charge la balise vidéo.

</video>

Essayer vous-même

SyntaxeURL<video poster="

">

Valeur Description
URL

Définit l'URL du fichier d'image.

Valeurs possibles :

  • URL absolue - Pointe vers un autre site (par exemple href="http://www.example.com/poster.jpg")
  • URL relative - Pointe vers un fichier dans le site (par exemple href="poster.jpg")

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 3.1 10.5