HTML onloadedmetadata属性是事件属性,当为指定的音频/视频加载元数据时发生。
用法:
<element onloadedmetadata="myScript">
属性值:此属性包含单值脚本,该脚本在onloadedmetadata事件属性调用时起作用。 <audio>和<video>标签支持此属性。
例:
<!DOCTYPE html>
<html>
<head>
<title>
HTML onloadedmetadata Attribute
</title>
</head>
<body>
<center>
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2>
HTML onloadedmetadata Attribute
</h2>
<audio controls id="audioId">
</audio>
<script>
document.getElementById(
"audioId").addEventListener(
"loadedmetadata", GFGFun);
function GFGFun() {
alert("Metadata is loaded");
}
</script>
</center>
</body>
</html>
输出:
前:
后:
支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML onloadedmetadata事件用法及代码示例
- HTML <html> xmlns属性用法及代码示例
- HTML scoped属性用法及代码示例
- HTML <th> valign属性用法及代码示例
- HTML <col> align属性用法及代码示例
- HTML poster属性用法及代码示例
- HTML Class属性用法及代码示例
- HTML style属性用法及代码示例
- HTML oninvalid用法及代码示例
- HTML <select> autocomplete属性用法及代码示例
- HTML <table> bgcolor属性用法及代码示例
- HTML onsubmit用法及代码示例
- HTML onunload用法及代码示例
- HTML srcdoc属性用法及代码示例
- HTML Marquee truespeed用法及代码示例
- HTML onkeyup用法及代码示例
- HTML ondrop用法及代码示例
- HTML <td> abbr属性用法及代码示例
- HTML onpageshow用法及代码示例
- HTML reversed属性用法及代码示例
- HTML readonly属性用法及代码示例
- HTML required属性用法及代码示例
- HTML onsearch用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML onloadedmetadata Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。