HTML 참고 설명서

HTML 태그 전체 목록

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

미디어 파일을 재생할 수 있는 장치에서 canplay 이벤트가 발생하면, 미디어를 끝까지 재생할 수 있는 데이터가 충분히 로드되었음을 예상합니다. 추가로 컨텐츠를 버퍼링하지 않고도 멈추지 않습니다.

온라인 예제

비디오가 재생 준비가 되었음을 알립니다：

예제

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/비디오 oncanplay 이벤트 사용-기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　您的浏览器不支持　HTML5　video　　태그。
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplay=alert("Can start playing video");
</script>　
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

브라우저가 지정된 오디오를 시작할 수 있을 때/비디오（플레이할 수 있는 만큼 버퍼링되었을 때）이면 canplay 이벤트가 발생합니다。

오디오/비디오가 로드 중일 때, 다음과 같은 이벤트가 차례로 발생합니다：

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 canplay 이벤트를 지원합니다.

주의:Internet Explorer 8 이전 버전은 이 이벤트를 지원하지 않습니다.

문법

HTML에서:

<audio|video oncanplay="SomeJavaScriptCode">

JavaScript에서:

audio|video.oncanplay=SomeJavaScriptCode;

addEventListener() 사용하기:

.addEventListener("canplay", function(){
　
}
);

기술 세부 사항

다음 HTML 태그가 지원됩니다:	<audio>, <video>
다음 JavaScript 객체가 지원됩니다:	오디오, 비디오

더 많은 예제

HTML 요소에서 oncanplay 속성을 사용하다

addEventListener()를 사용하여 canplay 이벤트를 감지하다

　HTML 오디오/비디오 DOM 참조 가이드

HTML: <template> 태그