代码目录
- HTML | DOM Audio preload Property
- HTML实现
HTML | DOM Audio preload Property
Audio preload 属性用于设置或返回音频的preload 属性的值。 preload 属性用于指定作者认为在页面加载时应该加载音频的方式。音频预加载属性允许作者向浏览器描绘网站的用户体验应该实现的方式。语法：
- 返回预加载属性：
audioObject.preload
- 设置预加载属性：
audioObject.preload = "auto | metadata | none"
属性值：
- auto : 用于指定页面加载时浏览器加载整个视频。
- 元数据：用于指定浏览器在页面加载时只加载元数据。
- none：用于指定页面加载时浏览器不加载视频。
返回值：它返回一个字符串值，指定应在音频文件中预加载什么类型的数据。
下面的程序说明了音频预加载属性： 示例：找出发布者希望在页面加载时加载音频的方式。
HTML实现
<!DOCTYPE html>
<html>
<head>
<title>
Audio preload Property
</title>
</head>
<body style="text-align: center">
<h1 style="color: green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Audio preload Property
</h2>
<br>
<audio id="Test_Audio" controls>
<source src="sample1.ogg" type="audio/ogg">
<source src="sample1.mp3" type="audio/mpeg">
</audio>
<p>To return the value of the preload
attribute of the audio, double click
the "Return Preload Attribute" button.</p>
<br>
<button ondblclick="MyAudio()"
type="button">
Return Preload Attribute
</button>
<p id="test"></p>
<script>
var a = document.getElementById("Test_Audio");
function MyAudio() {
var a =
document.getElementById("Test_Audio").preload;
document.getElementById(
"test").innerHTML = a;
}
</script>
</body>
</html>
输出：
- 点击按钮前：
- 点击按钮后：
支持的浏览器：DOM Audio preload 属性支持的浏览器如下：
- 谷歌浏览器
- Internet Explorer
- 火狐
- 歌剧
- 苹果 Safari
注：本文由VeryToolz翻译自 HTML | DOM Audio preload Property ，非经特殊声明，文中代码和图片版权归原作者 Shubrodeep Banerjee所有，本译文的传播和使用请遵循“署名-相同方式共享 4.0 国际 (CC BY-SA 4.0)”协议。