HTMLMediaElement: canplaythrough-Event
        
        
          
                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 canplaythrough-Event wird ausgelöst, wenn der Benutzeragent das Medium abspielen kann und schätzt, dass genug Daten geladen wurden, um das Medium bis zum Ende abzuspielen, ohne für weiteres Puffern anhalten zu müssen.
Dieses Ereignis ist nicht abbrechbar und wird nicht weitergegeben.
Syntax
Verwenden Sie den Ereignisnamen in Methoden wie addEventListener(), oder setzen Sie eine Event-Handler-Eigenschaft.
addEventListener("canplaythrough", (event) => { })
oncanplaythrough = (event) => { }
Ereignistyp
Ein generisches Event.
Beispiele
Diese Beispiele fügen einen Ereignis-Listener für das canplaythrough-Event des HTMLMediaElement hinzu und geben eine Nachricht aus, wenn der Event-Handler auf das Auslösen des Ereignisses reagiert hat.
Verwendung von 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.",
  );
});
Verwendung der oncanplaythrough-Ereignis-Handler-Eigenschaft:
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
| Specification | 
|---|
| HTML> # event-media-canplaythrough>  | 
            
| HTML> # handler-oncanplaythrough>  | 
            
Browser-Kompatibilität
Loading…
Verwandte Ereignisse
- Das HTMLMediaElement 
playing-Event - Das HTMLMediaElement 
waiting-Event - Das HTMLMediaElement 
seeking-Event - Das HTMLMediaElement 
seeked-Event - Das HTMLMediaElement 
ended-Event - Das HTMLMediaElement 
loadedmetadata-Event - Das HTMLMediaElement 
loadeddata-Event - Das HTMLMediaElement 
canplay-Event - Das HTMLMediaElement 
durationchange-Event - Das HTMLMediaElement 
timeupdate-Event - Das HTMLMediaElement 
play-Event - Das HTMLMediaElement 
pause-Event - Das HTMLMediaElement 
ratechange-Event - Das HTMLMediaElement 
volumechange-Event - Das HTMLMediaElement 
suspend-Event - Das HTMLMediaElement 
emptied-Event - Das HTMLMediaElement 
stalled-Event