手册

概览

JavaScript Array 对象 Location 对象 JavaScript anchor() 方法 JavaScript charCodeAt() 方法 HTML DOM readyState 属性 HTML DOM createAttribute() 方法 History 对象 button 事件属性 onmousemove 事件 onresize 事件 JavaScript match() 方法 onselect 事件 onunload 事件 ondblclick 事件 Window 对象 Navigator 对象 HTML DOM anchors 集合 HTML DOM forms 集合 onwheel 事件 screenY 事件属性 ondragend 事件 ondragover 事件 ondrop 事件 onloadedmetadata 事件 HTML DOM doctype 属性 onbeforeunload 事件 JavaScript toLowerCase() 方法 animationstart 事件 strictErrorChecking 属性 getElementsByName() 方法 createComment() 方法 ononline 事件 onmouseleave 事件 onoffline 事件 onmouseover 事件 documentElement 属性 onwaiting 事件 HTML DOM write() 方法 JavaScript 运算符 HTML DOM URL 属性 JavaScript substr() 方法 timeStamp 事件属性 JavaScript split() 方法 ontimeupdate 事件 animationiteration 事件 onseeking 事件 HTML DOM documentURI 属性 oninput 事件 relatedTarget 事件属性 Link rev 属性 HTML DOM createTextNode() 方法 transitionend 事件 onmouseout 事件 onkeyup 事件 oncanplaythrough 事件 ondragstart 事件 onplaying 事件 JavaScript atan2() 方法 onbeforeprint 事件 oncut 事件 cancelable 事件属性

Browser 对象

DOM 对象

HTML 对象

对象属性

JavaScript concat() 方法 JavaScript Array every() 方法 JavaScript Array filter() 方法 JavaScript indexOf() 方法 JavaScript join() 方法

首页大前端 JavaScript JavaScript 参考手册

onloadedmetadata 事件

阅读15651

更新时间2022-04-24

ondrop 事件

HTML DOM doctype 属性

onloadedmetadata 事件

实例

<!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 事件在指定视频/音频（audio/video）的元数据加载后触发。

视频/音频（audio/video）的元数据包含: 时长，尺寸大小（视频），文本轨道。

视频/音频（audio/video）在加载过程中，触发的顺序如下：

onloadstart
ondurationchange
onloadedmetadata
onloadeddata
onprogress
oncanplay
oncanplaythrough

浏览器支持

表格中的数字表示支持该事件的第一个浏览器的版本号。

事件
onloadedmetadata	Yes	9.0	Yes	Yes	Yes

语法

HTML 中：

<element onloadedmetadata="myScript">尝试一下

JavaScript 中：

object.onloadedmetadata=function(){myScript};尝试一下

JavaScript 中, 使用 addEventListener() 方法:

object.addEventListener("loadedmetadata", myScript);尝试一下

注意： Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。

技术细节

是否支持冒泡:	No
是否可以取消:	No
事件类型:	Event
支持的 HTML 标签:	<audio>, <video>

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

ondrop 事件

HTML DOM doctype 属性