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.
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
undvideoHeight
Eigenschaften gerade aktualisiert wurden.
Spezifikationen
Specification |
---|
HTML # htmlvideoelement |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLVideoElement | ||||||||||||
cancelVideoFrameCallback | ||||||||||||
disablePictureInPicture | ||||||||||||
enterpictureinpicture event | ||||||||||||
getVideoPlaybackQuality | ||||||||||||
height | ||||||||||||
leavepictureinpicture event | ||||||||||||
mozDecodedFrames | ||||||||||||
mozFrameDelay | ||||||||||||
mozHasAudio | ||||||||||||
mozPaintedFrames | ||||||||||||
mozParsedFrames | ||||||||||||
mozPresentedFrames | ||||||||||||
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
- HTML-Element, das dieses Interface implementiert:
<video>
. - Unterstützte Medienformate