최신 웹 개발 튜토리얼
 

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

<HTML 오디오 / 비디오 DOM 참조

동영상의 메타 데이터가로드 될 때 경고 :

var vid = document.getElementById("myVideo");
vid.onloadedmetadata = function() {
    alert("Meta data for video loaded");
};
»그것을 자신을 시도

자세한 내용은 아래 예 "자신을보십시오."


정의 및 사용

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

오디오 / 비디오에 대한 메타 데이터로 구성 지속 시간, 크기 (비디오 만 해당) 및 텍스트 트랙.

오디오 / 비디오의 로딩 과정 동안에, 다음 이벤트가 순서대로 발생

  1. loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. progress
  6. canplay
  7. canplaythrough

브라우저 지원

표의 수치는 완전히 이벤트를 지원하는 제 브라우저 버전을 지정.

행사
loadedmetadata 9.0

통사론

HTML에서 :

< audio|video onloadedmetadata="myScript"> Try it

자바 스크립트에서 :

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

자바 스크립트에서, 사용 addEventListener() 메서드를 :

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

참고 : addEventListener() 메서드는 인터넷 익스플로러 8 이전 버전에서는 지원되지 않습니다.


기술적 세부 사항

지원되는 HTML 태그 : <audio> and <video>
지원되는 자바 스크립트 객체 : Audio, Video

더 예

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

var aud = document.getElementById("myAudio");
aud.onloadedmetadata = function() {
    alert("Meta data for audio loaded");
};
»그것을 자신을 시도

<HTML 오디오 / 비디오 DOM 참조