HTMLMediaElement
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.
Das HTMLMediaElement
-Interface erweitert HTMLElement
um die Eigenschaften und Methoden, die zur Unterstützung grundlegender medienbezogener Funktionen benötigt werden, die für Audio und Video üblich sind.
Die HTMLVideoElement
- und HTMLAudioElement
-Elemente erben beide dieses Interface.
Instanzeigenschaften
Dieses Interface erbt auch Eigenschaften von seinen Vorfahren HTMLElement
, Element
, Node
und EventTarget
.
HTMLMediaElement.audioTracks
-
Eine
AudioTrackList
, die dieAudioTrack
-Objekte im Element auflistet. HTMLMediaElement.autoplay
-
Ein boolescher Wert, der das HTML-Attribut
autoplay
widerspiegelt und angibt, ob die Wiedergabe automatisch beginnen soll, sobald genügend Medien ohne Unterbrechung verfügbar sind.Hinweis: Das automatische Abspielen von Audio, wenn der Benutzer es nicht erwartet oder wünscht, ist eine schlechte Benutzererfahrung und sollte in den meisten Fällen vermieden werden, obwohl es Ausnahmen gibt. Weitere Informationen finden Sie im Leitfaden zum automatischen Abspielen von Medien und Web Audio APIs. Beachten Sie, dass Browser Autoplay-Anfragen ignorieren können, sodass Ihr Code nicht davon abhängig sein sollte, dass Autoplay funktioniert.
HTMLMediaElement.buffered
Schreibgeschützt-
Gibt ein
TimeRanges
-Objekt zurück, das die Bereiche der Medienquelle anzeigt, die der Browser momentan zwischengespeichert hat (falls vorhanden), wenn auf diebuffered
-Eigenschaft zugegriffen wird. HTMLMediaElement.controls
-
Ein boolescher Wert, der das HTML-Attribut
controls
widerspiegelt und angibt, ob Benutzeroberfläche-Elemente zur Steuerung der Ressource angezeigt werden sollen. HTMLMediaElement.controlsList
-
Gibt eine
DOMTokenList
zurück, die dem Benutzeragenten hilft, auszuwählen, welche Steuerelemente auf dem Mediaelement angezeigt werden sollen, wann immer der Benutzeragent seine eigenen Steuerelemente anzeigt. DieDOMTokenList
akzeptiert einen oder mehrere der drei möglichen Werte:nodownload
,nofullscreen
undnoremoteplayback
. HTMLMediaElement.crossOrigin
-
Eine Zeichenkette, die die CORS-Einstellung für dieses Medienelement angibt.
HTMLMediaElement.currentSrc
Schreibgeschützt-
Gibt eine Zeichenkette mit der absoluten URL der ausgewählten Medienressource zurück.
HTMLMediaElement.currentTime
-
Ein Doppel-Präzisions-Gleitkommawert, der die aktuelle Wiedergabezeit in Sekunden angibt; wenn die Medienwiedergabe nicht gestartet wurde und nicht verschoben wurde, ist dieser Wert die anfängliche Wiedergabezeit der Medien. Beim Setzen dieses Wertes wird das Medium auf die neue Zeit verschoben. Die Zeit wird relativ zur Zeitleiste der Medien angegeben.
HTMLMediaElement.defaultMuted
-
Ein boolescher Wert, der das HTML-Attribut
muted
widerspiegelt, welches angibt, ob der Audioausgang des Medienelements standardmäßig stummgeschaltet sein soll. HTMLMediaElement.defaultPlaybackRate
-
Ein
double
, der die Standard-Wiedergaberate für die Medien angibt. HTMLMediaElement.disableRemotePlayback
-
Ein boolescher Wert, der den Fernwiedergabestatus setzt oder zurückgibt und angibt, ob das Medienelement eine Fernwiedergabe-Benutzeroberfläche haben darf.
HTMLMediaElement.duration
Schreibgeschützt-
Ein schreibgeschützter Doppel-Präzisions-Gleitkommawert, der die Gesamtdauer der Medien in Sekunden angibt. Wenn keine Mediendaten verfügbar sind, wird der Wert
NaN
zurückgegeben. Wenn die Medien von unbestimmter Länge sind (wie z. B. gestreamte Live-Medien, Medien eines WebRTC-Anrufs oder ähnliches), ist der Wert+Unendlichkeit
. HTMLMediaElement.ended
Schreibgeschützt-
Gibt einen booleschen Wert zurück, der angibt, ob das Medienelement die Wiedergabe beendet hat.
HTMLMediaElement.error
Schreibgeschützt-
Gibt ein
MediaError
-Objekt für den neuesten Fehler zurück, odernull
, wenn kein Fehler aufgetreten ist. HTMLMediaElement.loop
-
Ein boolescher Wert, der das HTML-Attribut
loop
widerspiegelt, welches angibt, ob das Medienelement von vorne starten soll, wenn es das Ende erreicht. HTMLMediaElement.mediaKeys
Schreibgeschützt Sicherer Kontext-
Gibt ein
MediaKeys
-Objekt zurück, das ein Satz von Schlüsseln ist, den das Element zur Entschlüsselung von Mediendaten während der Wiedergabe verwenden kann. Wenn kein Schlüssel verfügbar ist, kann esnull
sein. HTMLMediaElement.muted
-
Ein boolescher Wert, der bestimmt, ob der Ton stummgeschaltet ist.
true
, wenn der Ton stummgeschaltet ist, undfalse
andernfalls. HTMLMediaElement.networkState
Schreibgeschützt-
Gibt einen
unsigned short
(Enumeration) zurück, der den aktuellen Status des Abrufens der Medien über das Netzwerk angibt. HTMLMediaElement.paused
Schreibgeschützt-
Gibt einen booleschen Wert zurück, der angibt, ob das Medienelement pausiert ist.
HTMLMediaElement.playbackRate
-
Ein
double
, der die Rate angibt, mit der die Medien abgespielt werden. HTMLMediaElement.played
Schreibgeschützt-
Gibt ein
TimeRanges
-Objekt zurück, das die Bereiche der Medienquelle enthält, die der Browser bereits abgespielt hat, falls vorhanden. HTMLMediaElement.preload
-
Eine Zeichenkette, die das HTML-Attribut
preload
widerspiegelt und angibt, welche Daten vorab geladen werden sollen, falls vorhanden. Mögliche Werte sind:none
,metadata
,auto
. HTMLMediaElement.preservesPitch
-
Ein boolescher Wert, der bestimmt, ob die Tonhöhe des Klangs beibehalten wird. Wenn auf
false
gesetzt, wird die Tonhöhe an die Geschwindigkeit des Audios angepasst. HTMLMediaElement.readyState
Schreibgeschützt-
Gibt einen
unsigned short
(Enumeration) zurück, der den Bereitschaftszustand der Medien angibt. HTMLMediaElement.remote
Schreibgeschützt-
Gibt ein
RemotePlayback
-Objekt zurück, das dem Medienelement zugeordnet ist. HTMLMediaElement.seekable
Schreibgeschützt-
Gibt ein
TimeRanges
-Objekt zurück, das die Zeitbereiche enthält, zu denen der Benutzer springen kann, falls vorhanden. HTMLMediaElement.seeking
Schreibgeschützt-
Gibt einen booleschen Wert zurück, der angibt, ob die Medien gerade dabei sind, zu einer neuen Position zu springen.
HTMLMediaElement.sinkId
Schreibgeschützt Sicherer Kontext-
Gibt einen String zurück, der die eindeutige ID des Audioausgabegeräts angibt, oder einen leeren String, wenn das Standard-Audiogerät des Benutzeragents verwendet wird.
HTMLMediaElement.src
-
Ein String, der das HTML-Attribut
src
widerspiegelt, das die URL einer zu verwendenden Medienressource enthält. HTMLMediaElement.srcObject
-
Ein Objekt, das als Quelle für die mit dem
HTMLMediaElement
assoziierte Medien dient, odernull
, wenn nicht zugewiesen. HTMLMediaElement.textTracks
Schreibgeschützt-
Gibt ein
TextTrackList
-Objekt zurück, das die Liste derTextTrack
-Objekte im Element enthält. HTMLMediaElement.videoTracks
Schreibgeschützt-
Gibt ein
VideoTrackList
-Objekt zurück, das die Liste derVideoTrack
-Objekte im Element enthält. HTMLMediaElement.volume
-
Ein
double
, das die Lautstärke angibt, von 0.0 (stumm) bis 1.0 (laut).
Veraltete Eigenschaften
Diese Eigenschaften sind veraltet und sollten nicht verwendet werden, selbst wenn ein Browser sie noch unterstützt.
HTMLMediaElement.controller
Veraltet Nicht standardisiert-
Ein
MediaController
-Objekt, das den dem Element zugewiesenen Mediencontroller darstellt, odernull
, wenn keiner zugewiesen ist. HTMLMediaElement.mediaGroup
Veraltet Nicht standardisiert-
Ein String, der das
mediagroup
HTML-Attribut widerspiegelt, welches den Namen der Gruppe von Elementen angibt, zu der es gehört. Eine Gruppe von Medienelementen teilt einen gemeinsamenMediaController
. HTMLMediaElement.mozAudioCaptured
Schreibgeschützt Nicht standardisiert Veraltet-
Gibt einen booleschen Wert zurück. In Bezug auf die Erfassung von Audiostreams.
HTMLMediaElement.mozFragmentEnd
Nicht standardisiert Veraltet-
Ein
double
, der Zugriff auf die Segmentendzeit bietet, wenn das Medienelement eine Segment-URL fürcurrentSrc
hat, andernfalls ist er gleich der Mediendauer.
Instanzmethoden
Dieses Interface erbt auch Methoden von seinen Vorfahren HTMLElement
, Element
, Node
und EventTarget
.
HTMLMediaElement.addTextTrack()
-
Fügt einem Medienelement ein neues
TextTrack
-Objekt hinzu (z. B. eine Spur für Untertitel). Dies ist eine programmatische Schnittstelle und wirkt sich nicht auf das DOM aus. HTMLMediaElement.captureStream()
-
Gibt
MediaStream
zurück und erfasst einen Stream des Medieninhalts. HTMLMediaElement.canPlayType()
-
Bei Angabe eines Strings, der einen MIME-Medientyp (möglicherweise mit dem
codecs
-Parameter) angibt, gibtcanPlayType()
den Stringprobably
zurück, wenn die Medien wahrscheinlich abspielbar sind,maybe
, wenn nicht genügend Informationen vorliegen, um festzustellen, ob die Medien abgespielt werden können, oder einen leeren String, wenn die Medien nicht abgespielt werden können. HTMLMediaElement.fastSeek()
-
Springt schnell mit niedriger Präzision zur angegebenen Zeit.
HTMLMediaElement.load()
-
Setzt die Medien zurück zum Anfang und wählt die beste verfügbare Quelle aus den bereitgestellten Quellen unter Verwendung des
src
-Attributs oder des<source>
-Elements. HTMLMediaElement.pause()
-
Pausiert die Medienwiedergabe.
HTMLMediaElement.play()
-
Beginnt die Wiedergabe der Medien.
HTMLMediaElement.seekToNextFrame()
Veraltet Nicht standardisiert-
Springt zum nächsten Frame in den Medien. Diese nicht-standardisierte, experimentelle Methode ermöglicht es, Lesen und Rendern der Medien mit einer benutzerdefinierten Geschwindigkeit manuell zu steuern oder Bild-für-Bild durch die Medien zu navigieren, um Filter oder andere Operationen durchzuführen.
HTMLMediaElement.setMediaKeys()
Sicherer Kontext-
Gibt ein
Promise
zurück. Setzt dieMediaKeys
-Schlüssel, um Medien während der Wiedergabe zu entschlüsseln. HTMLMediaElement.setSinkId()
Sicherer Kontext-
Setzt die ID des Audiogeräts, das für die Ausgabe verwendet werden soll, und gibt ein
Promise
zurück. Dies funktioniert nur, wenn die Anwendung berechtigt ist, das angegebene Gerät zu verwenden.
Veraltete Methoden
Diese Methoden sind veraltet und sollten nicht verwendet werden, selbst wenn ein Browser sie noch unterstützt.
HTMLMediaElement.mozCaptureStream()
Nicht standardisiert-
Das mit Firefox präfixierte Äquivalent von
HTMLMediaElement.captureStream()
. Siehe seine Browser-Kompatibilität für Details. HTMLMediaElement.mozCaptureStreamUntilEnded()
Nicht standardisiert Veraltet-
[Beschreibung eingeben]
HTMLMediaElement.mozGetMetadata()
Nicht standardisiert Veraltet-
Gibt ein
Object
zurück, das Eigenschaften enthält, die Metadaten der abspielenden Medienressource als{key: value}
-Paare darstellen. Eine separate Kopie der Daten wird jedes Mal zurückgegeben, wenn die Methode aufgerufen wird. Diese Methode muss nach demloadedmetadata
-Ereignis aufgerufen werden.
Events
Erbt Ereignisse von seinem Elternteil, HTMLElement
.
Hören Sie auf diese Ereignisse, indem Sie addEventListener()
verwenden oder einen Ereignis-Listener auf die oneventname
-Eigenschaft dieser Schnittstelle zuweisen.
abort
-
Ausgelöst, wenn die Ressource nicht vollständig geladen wurde, aber nicht als Ergebnis eines Fehlers.
canplay
-
Ausgelöst, wenn der Benutzeragent die Medien abspielen kann, aber schätzt, dass nicht genügend Daten geladen wurden, um die Medien bis zum Ende abzuspielen, ohne für weiteres Puffern des Inhalts anzuhalten.
canplaythrough
-
Ausgelöst, wenn der Benutzeragent die Medien abspielen kann und schätzt, dass genügend Daten geladen wurden, um die Medien bis zum Ende abzuspielen, ohne für weiteres Puffern des Inhalts anzuhalten.
durationchange
-
Ausgelöst, wenn die Eigenschaft für die Dauer aktualisiert wurde.
emptied
-
Ausgelöst, wenn die Medien leer geworden sind; zum Beispiel, wenn die Medien bereits geladen (oder teilweise geladen) sind und die
HTMLMediaElement.load()
-Methode aufgerufen wird, um sie neu zu laden. encrypted
-
Ausgelöst, wenn Initialisierungsdaten in den Medien gefunden werden, die darauf hinweisen, dass die Medien verschlüsselt sind.
ended
-
Ausgelöst, wenn die Wiedergabe stoppt, weil das Ende der Medien (
<audio>
oder<video>
) erreicht ist oder weil keine weiteren Daten verfügbar sind. error
-
Ausgelöst, wenn die Ressource aufgrund eines Fehlers nicht geladen werden konnte.
loadeddata
-
Ausgelöst, wenn das erste Frame der Medien vollständig geladen ist.
loadedmetadata
-
Ausgelöst, wenn die Metadaten geladen wurden.
loadstart
-
Ausgelöst, wenn der Browser begonnen hat, eine Ressource zu laden.
pause
-
Ausgelöst, wenn eine Pause-Anfrage bearbeitet wird und die Aktivität ihren pausierten Zustand erreicht hat, was am häufigsten auftritt, wenn die
HTMLMediaElement.pause()
-Methode des Mediums aufgerufen wird. play
-
Ausgelöst, wenn die
paused
-Eigenschaft vontrue
auffalse
geändert wird, als Ergebnis derHTMLMediaElement.play()
-Methode oder desautoplay
-Attributs. playing
-
Ausgelöst, wenn die Wiedergabe startbereit ist, nachdem sie paussiert oder aufgrund von Datenmangel verzögert wurde.
progress
-
Regelmäßig ausgelöst, während der Browser eine Ressource lädt.
ratechange
-
Ausgelöst, wenn die Wiedergaberate geändert wurde.
seeked
-
Ausgelöst, wenn eine Suche (seek) abgeschlossen ist.
seeking
-
Ausgelöst, wenn eine Suche (seek) beginnt.
stalled
-
Ausgelöst, wenn der Benutzeragent versucht, Mediendaten abzurufen, aber keine Daten unerwarteterweise eintreffen.
suspend
-
Ausgelöst, wenn das Laden von Mediendaten ausgesetzt wurde.
timeupdate
-
Ausgelöst, wenn die durch die
currentTime
-Eigenschaft angegebene Zeit aktualisiert wurde. volumechange
-
Ausgelöst, wenn die Lautstärke geändert wurde.
waiting
-
Ausgelöst, wenn die Wiedergabe gestoppt hat, aufgrund eines vorübergehenden Mangels an Daten.
waitingforkey
-
Ausgelöst, wenn die Wiedergabe das erste Mal blockiert wird, während auf einen Schlüssel gewartet wird.
Spezifikationen
Specification |
---|
HTML # htmlmediaelement |
Browser-Kompatibilität
Siehe auch
Referenzen
<video>
und<audio>
HTML-ElementeHTMLVideoElement
undHTMLAudioElement
-Interfaces, die vonHTMLMediaElement
abgeleitet sind