Video poster eigenschap

HTML DOM Video object

Definitie en gebruik

poster De eigenschap stelt of retourneert de waarde van de poster-eigenschap van de video.

poster De eigenschap bepaalt het beeld dat wordt weergegeven wanneer de video wordt gedownload of voordat de gebruiker op de knop 'afspelen' klikt. Als deze niet is ingesteld, wordt het eerste frame van de video gebruikt.

Voorbeeld

Voorbeeld 1

Wijzig het omslagbeeld van de video:

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

Probeer het zelf

Voorbeeld 1

Verkrijg de URL van het omslagbeeld:

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

Probeer het zelf

Syntax

Geef de poster-eigenschap terug:

videoObject.poster

Stel de poster-eigenschap in:

videoObject.poster = URL

Eigenschapswaarde

Waarde Beschrijving
URL

Stelt de URL van het afbeeldingsbestand vast.

Mogelijke waarden:

  • Absoluut URL - verwijst naar een andere website (bijvoorbeeld href="http://www.example.com/poster.jpg")
  • Relative URL - points to a file within the website (such as href="poster.jpg").

Technical details

Return value: String value, representing the URL of the cover image. Returns the entire URL, including the protocol (such as http://).

Browser support

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

Related pages

HTML reference manual:HTML <video> poster attribute

HTML DOM Video object