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.

js
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():

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

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

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

Browser-Kompatibilität

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
play event

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Verwandte Ereignisse

Siehe auch