HTMLVideoElement

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Implementiert durch das <video> Element, bietet das HTMLVideoElement Interface spezielle Eigenschaften und Methoden zur Manipulation von Videoobjekten. Es erbt außerdem Eigenschaften und Methoden von HTMLMediaElement und HTMLElement.

Die Liste der unterstützten Medienformate variiert von Browser zu Browser. Sie sollten entweder Ihr Video in einem einzigen Format bereitstellen, das alle relevanten Browser unterstützen, oder mehrere Videoquellen in genügend verschiedenen Formaten bereitstellen, sodass alle von Ihnen benötigten Browser abgedeckt sind.

EventTarget Node Element HTMLElement HTMLMediaElement HTMLVideoElement

Instanz-Eigenschaften

Erbt Eigenschaften von seinem übergeordneten Interface, HTMLMediaElement, und HTMLElement.

HTMLVideoElement.disablePictureInPicture

Gibt an, ob der Benutzeragent den Benutzern den Bild-in-Bild-Modus vorschlagen soll oder nicht.

HTMLVideoElement.height

Ein String, der das height HTML-Attribut widerspiegelt, welches die Höhe des Anzeigebereichs in CSS-Pixeln bestimmt.

HTMLVideoElement.poster

Ein String, der das poster HTML-Attribut widerspiegelt, welches ein Bild spezifiziert, das angezeigt wird, während keine Videodaten verfügbar sind.

HTMLVideoElement.videoHeight Schreibgeschützt

Gibt einen positiven ganzzahligen Wert zurück, der die intrinsische Höhe der Ressource in CSS-Pixeln angibt, oder 0, wenn noch keine Medien verfügbar sind.

HTMLVideoElement.videoWidth Schreibgeschützt

Gibt einen positiven ganzzahligen Wert zurück, der die intrinsische Breite der Ressource in CSS-Pixeln angibt, oder 0, wenn noch keine Medien verfügbar sind.

HTMLVideoElement.width

Ein String, der das width HTML-Attribut widerspiegelt, welches die Breite des Anzeigebereichs in CSS-Pixeln bestimmt.

Firefox-spezifische Eigenschaften

HTMLVideoElement.mozParsedFrames Nicht standardisiert Schreibgeschützt Veraltet

Gibt ein unsigned long mit der Anzahl der Videoframes zurück, die aus der Medienressource geparst wurden.

HTMLVideoElement.mozDecodedFrames Nicht standardisiert Schreibgeschützt Veraltet

Gibt ein unsigned long mit der Anzahl der geparsten Videoframes zurück, die in Bilder dekodiert wurden.

HTMLVideoElement.mozPresentedFrames Nicht standardisiert Schreibgeschützt Veraltet

Gibt ein unsigned long mit der Anzahl der dekodierten Frames zurück, die der Rendering-Pipeline zum Malen vorgestellt wurden.

HTMLVideoElement.mozPaintedFrames Nicht standardisiert Schreibgeschützt Veraltet

Gibt ein unsigned long mit der Anzahl der dargestellten Frames zurück, die auf dem Bildschirm gemalt wurden.

HTMLVideoElement.mozFrameDelay Nicht standardisiert Schreibgeschützt Veraltet

Gibt ein double mit der Zeit zurück, um die das letzte gemalte Videoframe zu spät war, in Sekunden.

HTMLVideoElement.mozHasAudio Nicht standardisiert Schreibgeschützt Veraltet

Gibt einen booleschen Wert zurück, der angibt, ob mit dem Video Audiodaten verbunden sind.

Instanz-Methoden

Erbt Methoden von seinem übergeordneten Interface, HTMLMediaElement, und HTMLElement.

HTMLVideoElement.cancelVideoFrameCallback()

Hebt einen zuvor registrierten Video-Frame-Callback auf (siehe requestVideoFrameCallback()).

HTMLVideoElement.getVideoPlaybackQuality()

Gibt ein VideoPlaybackQuality Objekt zurück, das die aktuellen Wiedergabemetriken enthält. Diese Informationen beinhalten Dinge wie die Anzahl der ausgelassenen oder beschädigten Frames sowie die Gesamtanzahl der Frames.

HTMLVideoElement.requestPictureInPicture()

Fordert den Benutzeragenten auf, das Video im Bild-in-Bild-Modus anzuzeigen.

HTMLVideoElement.requestVideoFrameCallback()

Registriert eine Callback-Funktion, die ausgeführt wird, wenn ein neues Videoframe an den Kompositor gesendet wird. Dies ermöglicht Entwicklern, effiziente Operationen auf jedem Videoframe durchzuführen.

Ereignisse

Erbt Ereignisse von seinem übergeordneten Interface, HTMLMediaElement, und HTMLElement.

Hören Sie diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener der oneventname Eigenschaft dieses Interfaces zuweisen.

enterpictureinpicture

Wird ausgelöst, wenn das HTMLVideoElement erfolgreich in den Bild-in-Bild-Modus wechselt.

leavepictureinpicture

Wird ausgelöst, wenn das HTMLVideoElement erfolgreich den Bild-in-Bild-Modus verlässt.

resize

Wird ausgelöst, wenn eine oder beide der videoWidth und videoHeight Eigenschaften gerade aktualisiert wurden.

Spezifikationen

Specification
HTML
# htmlvideoelement

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
HTMLVideoElement
cancelVideoFrameCallback
disablePictureInPicture
enterpictureinpicture event
getVideoPlaybackQuality
height
leavepictureinpicture event
mozDecodedFrames
DeprecatedNon-standard
mozFrameDelay
DeprecatedNon-standard
mozHasAudio
DeprecatedNon-standard
mozPaintedFrames
DeprecatedNon-standard
mozParsedFrames
DeprecatedNon-standard
mozPresentedFrames
DeprecatedNon-standard
playsInline
poster
requestPictureInPicture
requestVideoFrameCallback
resize event
videoHeight
videoWidth
width

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.
See implementation notes.
Has more compatibility info.

Siehe auch