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