onloadedmetadata 이벤트
onloadedmetadata 이벤트
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<video controls onloadedmetadata="myFunction()">
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
您的浏览器不支持 HTML5 video。
</video>
<script>
function myFunction() {
alert("视频元数据已加载");
}
</script>
</body>
</html>인스턴스 실행 »
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요.
이 문서 하단에 더 많은 예제가 포함되어 있습니다.
정의 및 사용법
onloadedmetadata 이벤트는 지정된 비디오/오디오(오디오/비디오)의 메타데이터가 로드된 후 트리거됩니다.
비디오/오디오(오디오/비디오)의 메타데이터에는 지속 시간, 크기(비디오), 텍스트 트랙이 포함됩니다.
오디오/비디오 로딩 프로세스 중 트리거 시퀀스는 다음과 같습니다:
- onloadstart
- ondurationchange
- onloadedmetadata
- onloadeddata
- onprogress
- oncanplay
- oncanplaythrough
브라우저 지원
The 표의 숫자는 이 이벤트를 지원하는 첫 번째 브라우저의 버전 번호를 나타냅니다.
| 이벤트 | |||||
|---|---|---|---|---|---|
| onloadedmetadata | 예 | 9. 0 | 네 | 네 | 네 |
Grammar
HTML:
<element onloadedmetadata="myScript">해 보세요
JavaScript:
object.onloadedmetadata=function(){myScript };해 보세요
JavaScript에서는 addEventListener() 메서드를 사용하세요.
object.addEventListener("loadedmetadata", myScript) 사용해 보세요.
참고: Internet Explorer 8 및 이전 IE 버전은 addEventListener를 지원하지 않습니다. ( ) 방법.
기술 세부정보
| 버블링 지원 여부: | No |
|---|---|
| 취소 가능 여부: | No |
| 이벤트 유형: | Event |
| 지원되는 HTML 태그 : | <오디오> ;, <video> |
예제 더보기
Instances
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<audio controls onloadedmetadata="myFunction()">
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>
<script>
function myFunction() {
alert("音频元数据已加载");
}
</script>
</body>
</html>인스턴스 실행»
온라인 예제를 보려면 "인스턴스 실행" 버튼을 클릭하세요
