HTMLMediaElement: play Event

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 paused-Eigenschaft von true auf false geändert wird, als Ergebnis der play-Methode oder des autoplay-Attributs.

Dieses Ereignis ist nicht abbruchfähig und wird nicht propagiert.

In diesem Artikel

Syntax

Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignis-Handler-Eigenschaft.

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

onplay = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignislistener für das play-Ereignis des HTMLMediaElements hinzu und senden eine Nachricht, wenn dieser Ereignis-Handler auf das ausgelöste Ereignis reagiert hat.

Verwendung von 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.",
  );
});

Verwendung der onplay Ereignis-Handler-Eigenschaft:

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.",
  );
};