Derniers tutoriels de développement web
 

Video poster Property

<Video Object

Exemple

Changer l'image de l'affiche d'une vidéo:

document.getElementById("myVideo").poster = "/images/w3iicomlogo.png";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés d'affichage ou renvoie la valeur de l' poster attribut d'une vidéo.

L' poster attribut spécifie une image à afficher lorsque la vidéo est en cours de téléchargement, ou jusqu'à ce que l'utilisateur clique sur le bouton de lecture. Si ce ne sont pas inclus, la première image de la vidéo sera utilisée à la place.

Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété affiche est pris en charge dans tous les principaux navigateurs.

Note: Internet Explorer 8 et les versions antérieures, ne prennent pas en charge la <video> élément.

Syntaxe

Retour la propriété affiche:

videoObject .poster

Définissez la propriété de l'affiche:

videoObject .poster= URL

Valeurs de propriété

Valeur La description
URL Indique l'URL du fichier d'image.

Valeurs possibles:

  • Une URL absolue - pointe vers un autre site web (like href="http://www.example.com/poster.jpg")
  • Une URL relative - pointe vers un fichier dans un site Web (like href="poster.jpg")

Détails techniques

Valeur de retour: Une chaîne, ce qui représente l'URL de l'image de l'affiche. Renvoie l'URL complète, y compris le protocole (like http://)

autres exemples

Exemple

Obtenir l'URL de l'image de l'affiche:

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

Le résultat de x sera:

http://www.w3ii.com/jsref/w3javascript.gif
Essayez vous - même »

Pages associées

Référence HTML: HTML <video> attribut affiche

<Video Object