HTMLMediaElement: canplay Ereignis
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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
| Specification |
|---|
| HTML> # event-media-canplay> |
| HTML> # handler-oncanplay> |
Browser-Kompatibilität
Loading…
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