HTMLMediaElement: play-Ereignis

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.

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

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

Syntax

Verwenden Sie den Namen des Ereignisses in Methoden wie addEventListener(), oder setzen Sie eine Ereignisbehandlereigenschaft.

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

onplay = (event) => {};

Ereignistyp

Ein generisches Event.

Beispiele

Diese Beispiele fügen einen Ereignis-Listener für das play-Ereignis des HTMLMediaElement hinzu und senden eine Nachricht, wenn der Ereignis-Handler auf das Auslösen des Ereignisses reagiert hat.

Verwendung von addEventListener():

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-Ereignisbehandlereigenschaft:

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

Specification
HTML Standard # event-media-play
HTML Standard # handler-onplay

Browser-Kompatibilität

BCD tables only load in the browser