Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
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 dasHTMLVideoElement-Interface spezielle Eigenschaften und Methoden zur Manipulation von Video-Objekten. Es erbt auch die Eigenschaften und Methoden vonHTMLMediaElement undHTMLElement.
Die Liste derunterstü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.
In diesem Artikel
Instanzeigenschaften
Erbt Eigenschaften von seiner übergeordneten Schnittstelle,HTMLMediaElement, undHTMLElement.
HTMLVideoElement.disablePictureInPictureGibt an, ob der User Agent den Benutzern den Picture-in-Picture-Modus vorschlagen sollte oder nicht.
HTMLVideoElement.heightEin String, der das HTML-Attribut
heightwiderspiegelt und die Höhe des Anzeigebereichs in CSS-Pixeln angibt.HTMLVideoElement.posterEin String, der das HTML-Attribut
posterwiderspiegelt und ein Bild angibt, das angezeigt wird, solange keine Videodaten verfügbar sind.HTMLVideoElement.videoHeightSchreibgeschütztGibt 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ütztGibt 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.widthEin String, der das HTML-Attribut
widthwiderspiegelt und die Breite des Anzeigebereichs in CSS-Pixeln angibt.
Firefox-spezifische Eigenschaften
HTMLVideoElement.mozParsedFramesNicht standardisiertSchreibgeschütztVeraltetGibt einen
unsigned longmit der Anzahl der Videoframes zurück, die aus der Medienressource geparst wurden.HTMLVideoElement.mozDecodedFramesNicht standardisiertSchreibgeschütztVeraltetGibt einen
unsigned longmit der Anzahl der geparsten Videoframes zurück, die in Bilder dekodiert wurden.HTMLVideoElement.mozPresentedFramesNicht standardisiertSchreibgeschütztVeraltetGibt einen
unsigned longmit der Anzahl der dekodierten Frames zurück, die zur Rendering-Pipeline zur Darstellung übergeben wurden.HTMLVideoElement.mozPaintedFramesNicht standardisiertSchreibgeschütztVeraltetGibt einen
unsigned longmit der Anzahl der dargestellten Frames zurück, die auf dem Bildschirm gemalt wurden.HTMLVideoElement.mozFrameDelayNicht standardisiertSchreibgeschütztVeraltetGibt ein
doublemit der Zeit in Sekunden zurück, um die das letzte dargestellte Videoframe verspätet war.HTMLVideoElement.mozHasAudioNicht standardisiertSchreibgeschütztVeraltetGibt einen booleschen Wert zurück, der angibt, ob irgendein Audio mit dem Video verbunden ist.
Instanzmethoden
Erbt Methoden von seiner übergeordneten Schnittstelle,HTMLMediaElement, undHTMLElement.
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, undHTMLElement.
Rufen Sie diese Events mitaddEventListener() ab oder durch Zuweisen eines Event-Listeners zuroneventname-Eigenschaft dieser Schnittstelle.
enterpictureinpictureWird ausgelöst, wenn das
HTMLVideoElementerfolgreich in den Picture-in-Picture-Modus überführt wird.leavepictureinpictureWird ausgelöst, wenn das
HTMLVideoElementerfolgreich den Picture-in-Picture-Modus verlässt.resizeWird ausgelöst, wenn eine oder beide der Eigenschaften
videoWidthundvideoHeightgerade aktualisiert wurden.
Spezifikationen
| Specification |
|---|
| HTML> # htmlvideoelement> |
Browser-Kompatibilität
Siehe auch
- HTML-Element, das diese Schnittstelle implementiert:
<video>. - Unterstützte Medienformate