English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 참조 매뉴얼

HTML 태그 전체 목록

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

终端이 미디어 파일을 재생할 수 있을 때 canplaythrough 이벤트가 발생하고, 미디어를 끝까지 재생할 수 있도록 충분한 데이터를 로드하는 것을 예상합니다. 추가로 버퍼링을 멈추지 않습니다.

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

온라인 예제

비디오가 끊임없이 재생되고 멈추지 않도록 경고하십시오：

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<title>HTML　오디오/video　oncanplaythrough　이벤트 사용-기본 튜토리얼(oldtoolbag.com)</title>
</head>
<body>
<video　id="video1"　controls="controls">
　　<source　src="movie.mp4"　type="video/mp4">
　　<source　src="movie.ogg"　type="video/ogg">
　　당신의 브라우저는 HTML을 지원하지 않습니다5　video　　태그。
</video>
<script>
myVid=document.getElementById("video1");
myVid.oncanplaythrough=alert("Can　play　through　video　without　stopping");
</script>　
</body>
</html>
테스트를 보세요 ‹/›

정의와 사용법

브라우저가 지정된 오디오를 재생할 수 있을 것으로 예상할 때/비디오를 재생하면서 버퍼링을 멈추지 않고 canplaythrough 이벤트가 발생합니다.

오디오/비디오가 로드되는 중에는 다음과 같은 이벤트가 차례로 발생합니다：

브라우저 호환성

IEFirefoxOperaChromeSafari

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

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

문법

HTML에서:

<audio|video oncanplaythrough="SomeJavaScriptCode">

JavaScript에서:

audio|video.oncanplaythrough=SomeJavaScriptCode;

addEventListener()를 사용하다:

audio|video.addEventListener("canplaythrough", function()
　 {
　 //SomeJavaScriptCode
　 }
);

기술 세부 사항

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

더 많은 예제

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

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

　HTML 오디오/비디오 DOM 참조 가이드
HTML: <template> 태그