onloadedmetadata 이벤트

정의와 사용법

지정된 오디오/비디오의 메타데이터가 로드되면 onloadedmetadata 이벤트가 발생합니다.

오디오/비디오의 메타데이터는 다음을 포함합니다: 지속 시간, 크기(비디오 만 해당) 및 텍스트 트랙.

오디오/비디오의 로드 중에는 다음 순서로 다음 이벤트가 발생합니다:

  1. onloadstart
  2. ondurationchange
  3. onloadedmetadata
  4. onloadeddata
  5. onprogress
  6. oncanplay
  7. oncanplaythrough

예제

예제 1

비디오 메타데이터가 로드될 때 JavaScript를 실행합니다:

<video onloadedmetadata="myFunction()">

직접 시도해 보세요

예제 2

오디오 메타데이터가 로드된 후 JavaScript를 실행합니다:

<audio onloadedmetadata="myFunction()">

직접 시도해 보세요

문법

HTML에서:

<element onloadedmetadata="myScript">

직접 시도해 보세요

JavaScript에서:

object.onloadedmetadata = function(){myScript};

직접 시도해 보세요

JavaScript에서 addEventListener() 메서드를 사용하여:

object.addEventListener("loadedmetadata", myScript);

직접 시도해 보세요

주의사항:인터넷 익스플로어러 8 이상의 버전은 지원하지 않습니다. addEventListener() 메서드

기술 세부 사항

버블링: 지원하지 않음
취소 가능: 지원하지 않음
이벤트 유형: 이벤트
지원되는 HTML 태그: <audio>와 <video>
DOM 버전: 레벨 3 이벤트

브라우저 지원

표에 기재된 숫자는 이 이벤트를 최초로 지원하는 브라우저 버전을 나타냅니다.

이벤트 크롬 IE 파이어폭스 사파리 오페라
onloadedmetadata 지원 9.0 지원 지원 지원