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

HTML 참조 매뉴얼

HTML 태그 전체 목록

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

메타데이터가 로드된 후, loadedmetadata 이벤트가 발생합니다.

 HTML 오디오/비디오 DOM 참조 매뉴얼

온라인 예제

비디오 메타데이터 로드될 때 알림을 발생시킵니다:

<!DOCTYPE html>
<html
<head
<meta charset="utf-8">
<title>HTML 오디오/HTML 비디오 loadedmetadata 이벤트 사용-기본 강의(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.onloadedmetadata=alert("비디오 메타데이터 로드");
</script> 
</body>
</html>
테스트를 보세요 ‹/›

정의와 사용법

지정된 오디오가 로드되면/비디오의 메타데이터가 로드될 때, loadedmetadata 이벤트가 발생합니다.
오디오/비디오의 메타데이터는 다음을 포함합니다: 지속 시간, 크기(비디오 만) 및 텍스트 트랙.

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

브라우저 호환성

IEFirefoxOperaChromeSafari

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

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

문법

HTML에서:

<audio|video onloadedmetadata="SomeJavaScriptCode">

JavaScript에서:

audio|video.onloadedmetadata=SomeJavaScriptCode;

addEventListener()를 사용하십시오:

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

기술 세부 사항

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

더 많은 예제

HTML 요소에서 onloadedmetadata 속성을 사용하십시오

addEventListener()를 사용하여 loadedmetadata 이벤트를 감지하십시오

 HTML 오디오/Video DOM 참조 설명서