HTML Audio/Video DOM może odtwarzać zdarzenie

❮ Dokumentacja DOM audio/wideo w formacie HTML

Przykład

Powiadom, że wideo jest gotowe do rozpoczęcia odtwarzania:

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

Więcej przykładów „Wypróbuj sam” poniżej.


Definicja i użycie

Zdarzenie canplay występuje, gdy przeglądarka może rozpocząć odtwarzanie określonego dźwięku/wideo (gdy jest wystarczająco zbuforowany, aby rozpocząć).

Podczas procesu ładowania audio/wideo występują następujące zdarzenia, w tej kolejności:

  1. Rozpoczęcie ładowania
  2. zmiana czasu trwania
  3. załadowane metadane
  4. załadowane dane
  5. postęp
  6. mogę grać
  7. może grać

Obsługa przeglądarki

Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje zdarzenie.

Event
canplay Yes 9.0 Yes Yes Yes

Składnia

W HTML:

<audio|video oncanplay="myScript">

W JavaScript:

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

W JavaScript za pomocą metody addEventListener():

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

Szczegóły techniczne

Obsługiwane tagi HTML: <audio> i <wideo>
Obsługiwane obiekty JavaScript: Audio Video

Więcej przykładów

Przykład

Powiadomienie, że dźwięk jest gotowy do rozpoczęcia odtwarzania:

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

❮ Dokumentacja DOM audio/wideo w formacie HTML