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 July 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.

js
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():

js
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:

js
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

Verwandte Ereignisse

Siehe auch