Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLMediaElement: play-Ereignis

Baseline
Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Das play-Ereignis wird ausgelöst, wenn die Eigenschaft paused von true auf false wechselt – entweder durch die Methode play oder durch das Attribut autoplay.

Dieses Ereignis kann nicht abgebrochen werden und durchläuft die Ereignishierarchie nicht nach oben.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

js
addEventListener("play", (event) => { })

Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:

js
onplay = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Event-Listener für das play-Ereignis von HTMLMediaElement hinzu und geben eine Meldung aus, nachdem der Event-Handler auf das Ereignis reagiert hat.

Mit addEventListener():

js
const video = document.querySelector("video");

video.addEventListener("play", (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
});

Mit der Event-Handler-Eigenschaft onplay (beachten Sie jedoch, dass dadurch gegebenenfalls andere mit onplay hinzugefügte Event-Listener ersetzt werden):

js
const video = document.querySelector("video");

video.onplay = (event) => {
  console.log(
    "The Boolean paused property is now 'false'. Either the play() method was called or the autoplay attribute was toggled.",
  );
};

Spezifikationen

Spezifikation
HTML
# event-media-play
HTML
# handler-onplay

Browser-Kompatibilität

Verwandte Ereignisse

Siehe auch