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: canplay-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 canplay-Ereignis wird ausgelöst, wenn der User Agent das Medium abspielen kann, aber davon ausgeht, dass noch nicht genügend Daten geladen wurden, um es ohne Unterbrechung bis zum Ende abzuspielen, da weitere Inhalte zwischengespeichert werden müssen.

Dieses Ereignis kann nicht abgebrochen werden und wird nicht nach oben weitergegeben.

Syntax

Verwenden Sie den Ereignisnamen in addEventListener():

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

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

js
oncanplay = (event) => { }

Ereignistyp

Ein generisches Event.

Beispiele

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

Mit addEventListener():

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

video.addEventListener("canplay", (event) => {
  console.log("Video can start, but not sure it will play through.");
});

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

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

video.oncanplay = (event) => {
  console.log("Video can start, but not sure it will play through.");
};

Spezifikationen

Spezifikation
HTML
# event-media-canplay
HTML
# handler-oncanplay

Browser-Kompatibilität

Verwandte Ereignisse

Siehe auch