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 stellt das HTMLVideoElement
-Interface spezielle Eigenschaften und Methoden zur Manipulation von Videoobjekten bereit. 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 ausreichend unterschiedlichen Formaten anbieten, sodass alle Browser, die Sie unterstützen möchten, abgedeckt werden.
Instanz-Eigenschaften
Erbt Eigenschaften von seinem übergeordneten Interface, HTMLMediaElement
, und HTMLElement
.
HTMLVideoElement.disablePictureInPicture
-
Zeigt an, ob der Benutzeragent den Nutzern das Bild-in-Bild vorschlagen soll oder nicht.
HTMLVideoElement.height
-
Ein String, der das
height
-HTML-Attribut widerspiegelt, das die Höhe des Anzeigebereichs in CSS-Pixeln angibt. HTMLVideoElement.poster
-
Ein String, der das
poster
-HTML-Attribut widerspiegelt, das ein Bild angibt, das angezeigt wird, wenn keine Video-Daten 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, das die Breite des Anzeigebereichs in CSS-Pixeln angibt.
Firefox-spezifische Eigenschaften
HTMLVideoElement.mozParsedFrames
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt eine
unsigned long
-Zahl mit der Anzahl der Videoframes zurück, die aus der Medienressource analysiert wurden. HTMLVideoElement.mozDecodedFrames
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt eine
unsigned long
-Zahl mit der Anzahl der analysierten Videoframes zurück, die in Bilder dekodiert wurden. HTMLVideoElement.mozPresentedFrames
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt eine
unsigned long
-Zahl mit der Anzahl der dekodierten Frames zurück, die in der Rendering-Pipeline zur Darstellung bereitgestellt wurden. HTMLVideoElement.mozPaintedFrames
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt eine
unsigned long
-Zahl mit der Anzahl der präsentierten Frames zurück, die auf dem Bildschirm gemalt wurden. HTMLVideoElement.mozFrameDelay
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt einen
double
-Wert mit der Zeit zurück, um die das zuletzt gemalte Videoframe nachlief, in Sekunden. HTMLVideoElement.mozHasAudio
Nicht standardisiert Schreibgeschützt Veraltet-
Gibt einen Boolean-Wert zurück, der angibt, ob Audio mit dem Video verknüpft ist.
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 umfassen Dinge wie die Anzahl der weggeworfenen oder beschädigten Frames sowie die Gesamtanzahl der Frames. HTMLVideoElement.requestPictureInPicture()
-
Fordert den Benutzeragenten auf, das Video in den Bild-in-Bild-Modus zu versetzen.
HTMLVideoElement.requestVideoFrameCallback()
-
Registriert eine Callback-Funktion, die ausgeführt wird, wenn ein neues Video-Frame an den Kompositor gesendet wird. Dadurch können Entwickler effiziente Operationen auf jedem Video-Frame durchführen.
Ereignisse
Erbt Ereignisse von seinem übergeordneten Interface, HTMLMediaElement
, und HTMLElement
.
Hören Sie diese Ereignisse mit addEventListener()
oder durch Zuweisen eines Ereignis-Listeners zur oneventname
-Eigenschaft dieses Interfaces ab.
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 Eigenschaften
videoWidth
undvideoHeight
gerade aktualisiert wurden.
Spezifikationen
Specification |
---|
HTML # htmlvideoelement |
Browser-Kompatibilität
Siehe auch
- HTML-Element, das dieses Interface implementiert:
<video>
. - Unterstützte Medienformate