HTML-Audio/Video-DOM -Canplay- Ereignis

❮ HTML-Audio/Video-DOM-Referenz

Beispiel

Benachrichtigung, dass das Video abspielbereit ist:

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};

Weitere „Probieren Sie es selbst“-Beispiele weiter unten.


Definition und Verwendung

Das canplay-Ereignis tritt auf, wenn der Browser mit der Wiedergabe des angegebenen Audio-/Videomaterials beginnen kann (wenn es genug gepuffert hat, um zu beginnen).

Während des Ladevorgangs eines Audio/Videos treten die folgenden Ereignisse in dieser Reihenfolge auf:

  1. Ladestart
  2. Daueränderung
  3. geladene Metadaten
  4. geladene Daten
  5. Fortschritt
  6. kann spielen
  7. kann durchspielen

Browser-Unterstützung

Die Zahlen in der Tabelle geben die erste Browserversion an, die das Ereignis vollständig unterstützt.

Event
canplay Yes 9.0 Yes Yes Yes

Syntax

Im HTML-Format:

<audio|video oncanplay="myScript">

In JavaScript:

audio|video.oncanplay=function(){myScript};

Verwenden Sie in JavaScript die Methode addEventListener():

audio|video.addEventListener("canplay", myScript);

Technische Details

Unterstützte HTML-Tags: <Audio> und <Video>
Unterstützte JavaScript-Objekte: Audio-Video

Mehr Beispiele

Beispiel

Benachrichtigen Sie, dass das Audio bereit ist, mit der Wiedergabe zu beginnen:

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};

❮ HTML-Audio/Video-DOM-Referenz