HTML 오디오/비디오 DOM 로드된 메타데이터 이벤트

비디오에 대한 메타데이터가 로드될 때 경고:

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
alert("Metadata for video loaded");
};

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

정의 및 사용

loadmetadata 이벤트는 지정된 오디오/비디오에 대한 메타데이터가 로드되었을 때 발생합니다.

오디오/비디오의 메타데이터는 지속 시간, 크기(비디오만 해당) 및 텍스트 트랙으로 구성됩니다.

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

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

Event
loadedmetadata	Yes	9.0	Yes	Yes	Yes

HTML:

<audio|video onloadedmetadata="myScript">

자바스크립트:

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

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

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

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

오디오에 대한 메타데이터가 로드될 때 경고:

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
alert("Metadata for audio loaded");
};