Latest web development tutorials

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

HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조

팁 비디오 메타 데이터를로드입니다 :

myVid=document.getElementById("video1");
myVid.onloadedmetadata=alert("Meta data for video loaded");

»시도

정의 및 사용

지정된 오디오 / 비디오 메타 데이터가로드되면 loadedmetadata 이벤트가 발생한다.

오디오 / 비디오 메타 데이터는 다음과 같습니다 : 지속 시간, 크기 (비디오 만), 텍스트 트랙을.

오디오 / 비디오를로드하는 프로세스는 다음과 같은 이벤트 다음에 할 때 발생합니다

  1. 에 Loadstart
  2. durationchange
  3. loadedmetadata
  4. loadeddata
  5. 진행
  6. canplay
  7. canplaythrough

브라우저 지원

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

참고 : 인터넷 익스플로러 8 이전 버전의 이벤트를 지원하지 않습니다.


문법

HTML에서 :

<audio|video onloadedmetadata=" SomeJavaScriptCode ">

자바 스크립트에서 :

audio|video .onloadedmetadata= SomeJavaScriptCode ;

하여 addEventListener ()를 사용하여

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

기술 세부 사항

以下 HTML 标签支持: <audio>, <video>
以下 JavaScript 对象支持: Audio, Video


예

더 많은 예제

HTML 요소에 속성 onloadedmetadata 사용

이벤트 loadedmetadata을 수신하도록하여 addEventListener ()를 사용


HTML 오디오 / 비디오 태그 참조 HTML 오디오 / 비디오 DOM 참조