Attribut Video poster

Objet Video du DOM HTML

Définition et utilisation

poster L'attribut définit ou retourne la valeur de l'attribut poster de la vidéo.

poster L'attribut poster définit l'image à afficher lors du téléchargement de la vidéo ou avant que l'utilisateur n'appuie sur le bouton de lecture. Si l'attribut n'est pas défini, l'image de la première frame de la vidéo sera utilisée.

Exemple

Exemple 1

Changer l'image de couverture de la vidéo :

document.getElementById("myVideo").poster = "/images/w3logo.png";

Essayez-le vous-même

Exemple 1

Obtenir l'URL de l'image de couverture :

var x = document.getElementById("myVideo").poster;

Essayez-le vous-même

Syntaxe

Retourner l'attribut poster :

videoObject.poster

Définir l'attribut poster :

videoObject.poster = URL

Valeur de l'attribut

Valeur Description
URL

Définit l'URL du fichier image.

Valeurs possibles :

  • URL absolu - pointe vers un autre site (par exemple href="http://www.example.com/poster.jpg")
  • URL relative - pointant vers un fichier sur le site (par exemple href="poster.jpg"))

Détails techniques

Valeur de retour : Valeur de chaîne, représentant l'URL de l'image de couverture. Retourne l'URL complète, y compris le protocole (par exemple http://).

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support

Pages associées

Manuel de référence HTML :L'attribut poster de <video> HTML

Objet Video du DOM HTML