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

동영상 재생을 시작할 준비가 되었음을 알립니다.

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

아래에서 더 많은 "직접 사용해 보기" 예를 살펴보세요.

정의 및 사용

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

오디오/비디오 로딩 과정에서 다음과 같은 이벤트가 이 순서대로 발생합니다.

표의 숫자는 이벤트를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Event
canplay	Yes	9.0	Yes	Yes	Yes

HTML:

<audio|video oncanplay="myScript">

자바스크립트:

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

JavaScript에서 addEventListener() 메서드를 사용하여 다음을 수행합니다.

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

지원되는 HTML 태그:	<오디오>와 <비디오>
지원되는 JavaScript 객체:	오디오 비디오

오디오 재생을 시작할 준비가 되었음을 알립니다.

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