HTML 音频/视频 DOM preload 属性
页面一旦加载,就开始加载视频:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <button onclick="enablePreload()" type="button">加载视频</button> <button onclick="disablePreload()" type="button">不加载视频</button> <button onclick="checkPreload()" type="button">检查加载状态</button> <br> <video id="video1" controls="controls"> <source src="/examples/mov_bbb.mp4" type="video/mp4"> <source src="/examples/mov_bbb.ogg" type="video/ogg"> 您的浏览器不支持 HTML5 video 标签。 </video> <script> myVid = document.getElementById("video1"); function enablePreload() { myVid.preload = "auto"; } function disablePreload() { myVid.preload = "none"; } function checkPreload() { alert(myVid.preload); } </script> <p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p> </body> </html>
定义和用法
preload 属性设置或返回是否在页面加载后立即加载音频/视频。
preload 属性允许作者向浏览器提供有关他/她认为会带来最佳用户体验的暗示。该属性在某些情况下被忽略。
浏览器支持
所有主流浏览器都支持 preload 属性。
注意:Internet Explorer 8 及之前的版本不支持该属性。
语法
设置 preload 属性:
audio | video.preload = "auto|metadata|none"
返回 preload 属性:
audio|video.preload
属性值
值 | 描述 |
---|---|
auto | 指示一旦页面加载,则开始加载音频/视频。 |
metadata | 指示当页面加载后仅加载音频/视频的元数据。 |
none | 指示页面加载后不应加载音频/视频。 |
技术细节
返回值: | 字符串值,auto|metadata|none |
---|
HTML 音频/视频 DOM 参考手册