HTML DOM Video-Objekt

Video-Objekt

Das Video-Objekt ist ein neues Objekt in HTML5.

Das Video-Objekt stellt das HTML <video>-Element dar.

Zugriff auf das Video-Objekt

Sie können das <video>-Element mit getElementById() erreichen:

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

Versuchen Sie es selbst

Erstellen Sie das Video-Objekt

Sie können das <video>-Element erstellen, indem Sie die Methode document.createElement() verwenden:

var x = document.createElement("VIDEO");

Versuchen Sie es selbst

Eigenschaften des Video-Objekts

Eigenschaften Beschreibung
audioTracks Das Objekt AudioTrackList, das die verfügbaren Audiospuren darstellt, wird zurückgegeben.
autoplay Ob das Video nach dem Laden automatisch wiedergegeben wird, wird gesetzt oder zurückgegeben.
buffered Das Objekt TimeRanges, das die bereits bufferierten Teile des Videos darstellt, wird zurückgegeben.
controller Das Objekt MediaController, das den aktuellen Mediencontroller des Videos darstellt, wird zurückgegeben.
controls Ob die Steuerelemente (z.B. Play/Pause) angezeigt werden sollen, wird gesetzt oder zurückgegeben.
crossOrigin Die CORS-Einstellungen des Videos werden gesetzt oder zurückgegeben.
currentSrc Die aktuelle URL des Videos wird zurückgegeben.
currentTime Die aktuelle Wiedergabeposition im Video in Sekunden wird gesetzt oder zurückgegeben.
defaultMuted Ob das Video standardmäßig stumm ist, wird gesetzt oder zurückgegeben.
defaultPlaybackRate Die Standardwiedergabegeschwindigkeit des Videos wird gesetzt oder zurückgegeben.
duration Die Länge des Videos in Sekunden wird zurückgegeben.
ended Ob die Wiedergabe des Videos beendet ist, wird zurückgegeben.
error Das Objekt MediaError, das den Fehlerstatus des Videos darstellt, wird zurückgegeben.
height Der Wert der Property height des Videos wird gesetzt oder zurückgegeben.
loop Ob das Video am Ende wiederholt werden soll, wird gesetzt oder zurückgegeben.
mediaGroup Der Name der Mediumsgruppe, der dem Video zugeordnet ist, wird gesetzt oder zurückgegeben.
muted Ob der Ton ausgeschaltet ist, wird gesetzt oder zurückgegeben.
networkState Der aktuelle Netzwerkstatus des Videos wird zurückgegeben.
paused Ob das Video pausiert ist, wird gesetzt oder zurückgegeben.
playbackRate Die Wiedergabegeschwindigkeit des Videos wird gesetzt oder zurückgegeben.
played Das Objekt TimeRanges, das die abgespielten Teile des Videos darstellt, wird zurückgegeben.
poster Der Wert der Property poster des Videos wird gesetzt oder zurückgegeben.
preload Der Wert der Property preload des Videos wird gesetzt oder zurückgegeben.
readyState Der aktuelle Bereitstellungsstatus des Videos wird zurückgegeben.
seekable Das Objekt TimeRanges, das die adressierbaren Teile des Videos darstellt, wird zurückgegeben.
seeking Gib zurück, ob der Benutzer zurzeit im Video sucht.
src Setze oder gib den Wert der Eigenschaft src des Videos zurück.
startDate Gib das Date-Objekt zurück, das den aktuellen Zeitversatz darstellt.
textTracks Gib das TextTrackList-Objekt zurück, das die verfügbaren Textspuren darstellt.
videoTracks Gib das VideoTrackList-Objekt zurück, das die verfügbaren Videospuren darstellt.
volume Setze oder gib den Wert der Eigenschaft volume des Videos zurück.
width Setze oder gib den Wert der Eigenschaft width des Videos zurück.

Video-Objektmethoden

Methode Beschreibung
addTextTrack() Füge dem Video einen neuen Textspur hinzu.
canPlayType() Überprüfe, ob der Browser das angegebene Videotyp abspielen kann.
load() Lade das Videoelement neu.
play() Starte das Abspielvideo.
pause() Pausiere das aktuelle Abspielvideo.

Standardeigenschaften und Ereignisse

Video-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML5-Videos

HTML-Referenzhandbuch:HTML <video>-Tag