HTML 참조 매뉴얼

HTML 태그 전체 목록

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

loadeddata 이벤트는 첫 번째 프레임 데이터가 로드되면 트리거됩니다.

온라인 예제

현재 프레임의 데이터가 사용 가능하다는 알림:

예제

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML 오디오/비디오 loadeddata 이벤트 사용-기본 튜토리얼(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.onloadeddata=alert("브라우저가 현재 프레임을 로드했습니다.");
</script>　
</body>
</html>

테스트를 보세요. ‹/›

정의와 사용법

현재 프레임의 데이터가 로드되었지만, 지정된 오디오를 재생하기 위해 충분한 데이터가 없을 때/비디오의 다음 프레임에서 loadeddata 이벤트가 발생합니다.

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

브라우저 호환성

IE파이어폭스오페라ChromeSafari

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

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

문법

HTML에서:

<audio|video onloadeddata="SomeJavaScriptCode">

JavaScript에서:

audio|video.onloadeddata=SomeJavaScriptCode;

addEventListener()를 사용하다:

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

기술 세부 사항

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