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 Benutzeragent in der Lage ist, die Medien abzuspielen, aber schätzt, dass nicht genügend Daten geladen wurden, um die Medien bis zum Ende abzuspielen, ohne für weiteres Puffern anhalten zu müssen.
Dieses Ereignis kann nicht abgebrochen werden und wird nicht weitergeleitet.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener() oder setzen Sie eine Ereignisbehandlereigenschaft.
addEventListener("canplay", (event) => { })
oncanplay = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Diese Beispiele fügen einen Ereignislistener für das canplay Ereignis des HTMLMediaElement hinzu und senden dann eine Nachricht, wenn dieser Ereignis-Handler auf das Auslösen des Ereignisses reagiert hat.
Verwendung von addEventListener():
const video = document.querySelector("video");
video.addEventListener("canplay", (event) => {
console.log("Video can start, but not sure it will play through.");
});
Verwendung der oncanplay Ereignis-Handler-Eigenschaft:
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
playingEreignis - Das HTMLMediaElement
waitingEreignis - Das HTMLMediaElement
seekingEreignis - Das HTMLMediaElement
seekedEreignis - Das HTMLMediaElement
endedEreignis - Das HTMLMediaElement
loadedmetadataEreignis - Das HTMLMediaElement
loadeddataEreignis - Das HTMLMediaElement
canplaythroughEreignis - Das HTMLMediaElement
durationchangeEreignis - Das HTMLMediaElement
timeupdateEreignis - Das HTMLMediaElement
playEreignis - Das HTMLMediaElement
pauseEreignis - Das HTMLMediaElement
ratechangeEreignis - Das HTMLMediaElement
volumechangeEreignis - Das HTMLMediaElement
suspendEreignis - Das HTMLMediaElement
emptiedEreignis - Das HTMLMediaElement
stalledEreignis