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():
addEventListener("play", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
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():
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):
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
- Das HTMLMediaElement-Ereignis
playing - Das HTMLMediaElement-Ereignis
waiting - Das HTMLMediaElement-Ereignis
seeking - Das HTMLMediaElement-Ereignis
seeked - Das HTMLMediaElement-Ereignis
ended - Das HTMLMediaElement-Ereignis
loadedmetadata - Das HTMLMediaElement-Ereignis
loadeddata - Das HTMLMediaElement-Ereignis
canplay - Das HTMLMediaElement-Ereignis
canplaythrough - Das HTMLMediaElement-Ereignis
durationchange - Das HTMLMediaElement-Ereignis
timeupdate - Das HTMLMediaElement-Ereignis
pause - Das HTMLMediaElement-Ereignis
ratechange - Das HTMLMediaElement-Ereignis
volumechange - Das HTMLMediaElement-Ereignis
suspend - Das HTMLMediaElement-Ereignis
emptied - Das HTMLMediaElement-Ereignis
stalled