최신 웹 개발 튜토리얼
 

HTML 오디오 / 비디오 DOM의 canplay 이벤트

<HTML 오디오 / 비디오 DOM 참조

동영상 재생을 시작할 준비가되어 있음을 경고 :

var vid = document.getElementById("myVideo");
vid.oncanplay = function() {
    alert("Can start playing video");
};
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

브라우저가 (이 시작 충분히 버퍼링 경우) 지정된 오디오 / 비디오 재생을 시작할 수있을 때 canplay 이벤트가 발생합니다.

오디오 / 비디오의 로딩 과정 동안에, 다음 이벤트가 순서대로 발생

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

브라우저 지원

표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.

행사
canplay 9.0

통사론

HTML에서 :

< audio|video oncanplay="myScript"> Try it

자바 스크립트에서 :

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

자바 스크립트에서, 사용 addEventListener() 메서드를 :

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

참고 : 하여 addEventListener () 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

지원되는 HTML 태그 : <audio> and <video>
지원되는 자바 스크립트 객체 : Audio, Video

더 예

오디오 재생을 시작할 준비가되어 있음을 경고 :

var aud = document.getElementById("myAudio");
aud.oncanplay = function() {
    alert("Can start playing audio");
};
»그것을 자신을 시도

<HTML 오디오 / 비디오 DOM 참조