Video Poster Attribut

HTML DOM Video-Objekt

Definition und Verwendung

poster Das Attribut setzt oder gibt den Wert des poster-Attributs zurück.

poster Das Attribut legt fest, welche Abbildung angezeigt wird, wenn das Video heruntergeladen wird oder der Benutzer auf den Wiedergabeknopf klickt. Wenn es nicht gesetzt ist, wird das erste Bild des Videos verwendet.

Beispiel

Beispiel 1

Ändern Sie das Cover-Bild des Videos:

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

Probieren Sie es selbst aus

Beispiel 1

Erhalten Sie die URL des Cover-Bildes:

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

Probieren Sie es selbst aus

Syntax

Rückgabe des poster-Attributs:

videoObject.poster

Setzen Sie das poster-Attribut:

videoObject.poster = URL

Attributwert

Wert Beschreibung
URL

Bestimmt die URL eines Bilddatei.

Mögliche Werte:

  • Absoluter URL - weist auf eine andere Website hin (z.B. href="http://www.example.com/poster.jpg")
  • Relativer URL - Verweist auf eine Datei im Inneren der Website (z.B. href="poster.jpg"))

Technische Details

Rückgabewert: Zeichenkettenwert, der die URL des Cover-Bildes darstellt. Gibt die gesamte URL zurück, einschließlich des Protokolls (z.B. http://).

Browserunterstützung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Unterstützung 9.0 Unterstützung Unterstützung Unterstützung

Verwandte Seiten

HTML-Referenzhandbuch:HTML <video> poster-Attribut

HTML DOM Video-Objekt