HTMLVideoElement
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 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 Video-Objekten. Es erbt auch die Eigenschaften und Methoden von HTMLMediaElement und HTMLElement.
Die Liste der unterstützten Medienformate variiert zwischen den verschiedenen Browsern. Sie sollten entweder Ihr Video in einem einzigen Format bereitstellen, das alle relevanten Browser unterstützen, oder mehrere Videoquellen in ausreichend unterschiedlichen Formaten anbieten, damit alle benötigten Browser abgedeckt sind.
Instanzeigenschaften
Erbt Eigenschaften von seiner übergeordneten Schnittstelle, HTMLMediaElement, und HTMLElement.
HTMLVideoElement.disablePictureInPicture-
Gibt an, ob der User Agent den Benutzern den Picture-in-Picture-Modus vorschlagen sollte oder nicht.
HTMLVideoElement.height-
Ein String, der das HTML-Attribut
heightwiderspiegelt und die Höhe des Anzeigebereichs in CSS-Pixeln angibt. HTMLVideoElement.poster-
Ein String, der das HTML-Attribut
posterwiderspiegelt und ein Bild angibt, das angezeigt wird, solange keine Videodaten verfügbar sind. HTMLVideoElement.videoHeightSchreibgeschützt-
Gibt einen nicht-negativen 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.videoWidthSchreibgeschützt-
Gibt einen nicht-negativen 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 HTML-Attribut
widthwiderspiegelt und die Breite des Anzeigebereichs in CSS-Pixeln angibt.
Firefox-spezifische Eigenschaften
HTMLVideoElement.mozParsedFramesNicht standardisiert Schreibgeschützt Veraltet-
Gibt einen
unsigned longmit der Anzahl der Videoframes zurück, die aus der Medienressource geparst wurden. HTMLVideoElement.mozDecodedFramesNicht standardisiert Schreibgeschützt Veraltet-
Gibt einen
unsigned longmit der Anzahl der geparsten Videoframes zurück, die in Bilder dekodiert wurden. HTMLVideoElement.mozPresentedFramesNicht standardisiert Schreibgeschützt Veraltet-
Gibt einen
unsigned longmit der Anzahl der dekodierten Frames zurück, die zur Rendering-Pipeline zur Darstellung übergeben wurden. HTMLVideoElement.mozPaintedFramesNicht standardisiert Schreibgeschützt Veraltet-
Gibt einen
unsigned longmit der Anzahl der dargestellten Frames zurück, die auf dem Bildschirm gemalt wurden. HTMLVideoElement.mozFrameDelayNicht standardisiert Schreibgeschützt Veraltet-
Gibt ein
doublemit der Zeit in Sekunden zurück, um die das letzte dargestellte Videoframe verspätet war. HTMLVideoElement.mozHasAudioNicht standardisiert Schreibgeschützt Veraltet-
Gibt einen booleschen Wert zurück, der angibt, ob irgendein Audio mit dem Video verbunden ist.
Instanzmethoden
Erbt Methoden von seiner übergeordneten Schnittstelle, 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 verworfenen oder beschädigten Frames sowie die Gesamtanzahl der Frames. HTMLVideoElement.requestPictureInPicture()-
Fordert, dass der User Agent das Video in den Picture-in-Picture-Modus überführt.
HTMLVideoElement.requestVideoFrameCallback()-
Registriert eine Callback-Funktion, die ausgeführt wird, wenn ein neuer Video-Frame an den Kompositor gesendet wird. Dies ermöglicht Entwicklern, effiziente Operationen auf jedem Video-Frame durchzuführen.
Events
Erbt Events von seiner übergeordneten Schnittstelle, HTMLMediaElement, und HTMLElement.
Rufen Sie diese Events mit addEventListener() ab oder durch Zuweisen eines Event-Listeners zur oneventname-Eigenschaft dieser Schnittstelle.
enterpictureinpicture-
Wird ausgelöst, wenn das
HTMLVideoElementerfolgreich in den Picture-in-Picture-Modus überführt wird. leavepictureinpicture-
Wird ausgelöst, wenn das
HTMLVideoElementerfolgreich den Picture-in-Picture-Modus verlässt. resize-
Wird ausgelöst, wenn eine oder beide der Eigenschaften
videoWidthundvideoHeightgerade aktualisiert wurden.
Spezifikationen
| Specification |
|---|
| HTML> # htmlvideoelement> |
Browser-Kompatibilität
Loading…
Siehe auch
- HTML-Element, das diese Schnittstelle implementiert:
<video>. - Unterstützte Medienformate