HTML DOM VideoObjekt
Video-Objekt
Das Video-Objekt ist neu in HTML5.
Das Video-Objekt stellt ein HTML-<video>-Element dar.
Zugriff auf das Video-Objekt
Sie können mit getElementById() auf ein <video>-Element zugreifen:
var x = document.getElementById("myVideo");
Selbst testen
Ein Video-Objekt erstellen
Sie können ein <video>-Element mit der Methode document.createElement() erstellen:
var x = document.createElement("VIDEO");
Probieren Sie es selbst
Video-Objekt-Eigenschaften
| Eigenschaft | Beschreibung |
|---|---|
| audioTracks | Gibt ein AudioTrackList-Objekt zurück, das die verfügbaren Audiospuren darstellt. |
| autoplay | Legt fest oder gibt zurück, ob das Video mit der Wiedergabe beginnen soll, sobald es bereit ist (nach dem Laden). |
| buffered | Gibt ein TimeRanges-Objekt zurück, das die gepufferten Teile des Videos darstellt. |
| controller | Gibt ein MediaController-Objekt zurück, das den aktuellen Media-Controller des Videos darstellt. |
| controls | Legt fest oder gibt zurück, ob das Video Steuerelemente anzeigen soll (wie Wiedergabe/Pause usw.). |
| crossOrigin | Legt fest oder gibt die CORS-Einstellungen des Videos zurück. |
| currentSrc | Gibt die URL des aktuellen Videos zurück. |
| currentTime | Legt fest oder gibt die aktuelle Wiedergabeposition im Video zurück (in Sekunden). |
| defaultMuted | Legt fest oder gibt zurück, ob das Video standardmäßig stummgeschaltet ist. |
| defaultPlaybackRate | Legt die Standard-Wiedergabegeschwindigkeit des Videos fest oder gibt sie zurück. |
| duration | Gibt die Länge des Videos (in Sekunden) zurück. |
| ended | Gibt zurück, ob das Video beendet ist. |
| error | Gibt ein MediaError-Objekt zurück, das den Fehlerzustand des Videos darstellt. |
| height | Legt den Wert des height-Attributs des Videos fest oder gibt ihn zurück. |
| loop | Legt fest oder gibt zurück, ob das Video erneut abgespielt werden soll, wenn es endet. |
| mediaGroup | Legt den Namen der Mediengruppe, zu der das Video gehört, fest oder gibt ihn zurück. |
| muted | Legt fest oder gibt zurück, ob der Ton ausgeschaltet ist. |
| networkState | Gibt den aktuellen Netzwerkzustand des Videos zurück. |
| paused | Legt fest oder gibt zurück, ob das Video pausiert ist. |
| playbackRate | Legt die Geschwindigkeit der Videowiedergabe fest oder gibt sie zurück. |
| played | Gibt ein TimeRanges-Objekt zurück, das die abgespielten Teile des Videos darstellt. |
| poster | Legt den Wert des poster-Attributs des Videos fest oder gibt ihn zurück. |
| preload | Legt den Wert des preload-Attributs des Videos fest oder gibt ihn zurück. |
| readyState | Gibt den aktuellen Ready-State des Videos zurück. |
| seekable | Gibt ein TimeRanges-Objekt zurück, das die seekbaren Teile des Videos darstellt. |
| seeking | Gibt zurück, ob der Benutzer aktuell im Video spult. |
| src | Legt den Wert des src-Attributs des Videos fest oder gibt ihn zurück. |
| startDate | Gibt ein Date-Objekt zurück, das den aktuellen Zeitversatz darstellt. |
| textTracks | Gibt ein TextTrackList-Objekt zurück, das die verfügbaren Textspuren darstellt. |
| videoTracks | Gibt ein VideoTrackList-Objekt zurück, das die verfügbaren Videospuren darstellt. |
| volume | Legt die Lautstärke des Videos fest oder gibt sie zurück. |
| width | Legt den Wert des width-Attributs des Videos fest oder gibt ihn zurück. |
Methoden des Video-Objekts
| Methode | Beschreibung |
|---|---|
| addTextTrack() | Fügt dem Video eine neue Textspur hinzu. |
| canPlayType() | Prüft, ob der Browser den angegebenen Videotyp abspielen kann. |
| load() | Lädt das Video-Element neu. |
| play() | Startet die Wiedergabe des Videos. |
| pause() | Pausiert das derzeit abgespielte Video. |
Standardeigenschaften und -ereignisse
Das Video-Objekt unterstützt außerdem die standardmäßigenEigenschaftenundEreignisse。
Ähnliche Artikel
HTML-Tutorial:HTML5-Video
HTML-Referenzhandbuch:HTML-<video>-Tag
Andere Erweiterungen