HTMLMediaElement: canplaythrough-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 canplaythrough-Ereignis wird ausgelöst, wenn der User Agent das Medium abspielen kann und davon ausgeht, dass genügend Daten geladen wurden, um es bis zum Ende abzuspielen, ohne für weiteres Puffern anhalten zu müssen.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht nach oben weitergereicht.
Syntax
Verwenden Sie den Ereignisnamen in addEventListener():
addEventListener("canplaythrough", (event) => { })
Alternativ können Sie ihn der Event-Handler-Eigenschaft der Schnittstelle zuweisen:
oncanplaythrough = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Diese Beispiele fügen einen Event Listener für das canplaythrough-Ereignis von HTMLMediaElement hinzu und geben eine Meldung aus, sobald der Event Handler auf das ausgelöste Ereignis reagiert hat.
Mit addEventListener():
const video = document.querySelector("video");
video.addEventListener("canplaythrough", (event) => {
console.log(
"I think I can play through the entire video without having to stop to buffer.",
);
});
Mit der Event-Handler-Eigenschaft oncanplaythrough (beachten Sie jedoch, dass dadurch gegebenenfalls andere über oncanplaythrough hinzugefügte Event Listener ersetzt werden):
const video = document.querySelector("video");
video.oncanplaythrough = (event) => {
console.log(
"I think I can play through the entire video without having to stop to buffer.",
);
};
Spezifikationen
| Spezifikation |
|---|
| HTML> # event-media-canplaythrough> |
| HTML> # handler-oncanplaythrough> |
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
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