html5中重新加载音频/视频元素的方法load()

实例

更改视频来源,并重载视频:

document.getElementById(mp4_src).src=movie.mp4;
document.getElementById(ogg_src).src=movie.ogg;
document.getElementById(video1).load();

定义和用法

load() 方法重新加载音频/视频元素。

load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新。

浏览器支持

所有主流浏览器都支持 load() 方法,除了 Safari。

注释:Internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.load()

例子:

<!DOCTYPE html> 
<html> 
<body> 
<video id=video1 width=480 height=270 controls=controls>
 <source id=mp4_src src=material/sample.mp4 type=video/mp4/>    
 <source id=ogg_src src=material/sample.ogv type=video/ogg/>
你的浏览器不支持HTML5 video.
</video>
<p>点击“切换视频”按钮,加载新的视频</p>

<button onclick=myFunction()>切换视频</button>
<script>
var vid = document.getElementById(video1);
function myFunction()  {
   document.getElementById(mp4_src).src = material/sample2.mp4;
   document.getElementById(ogg_src).src = material/sample2.ogv;
document.getElementById(video1).load();
}
</script> 
</body> 
</html>


以上就是html5中重新加载音频/视频元素的方法load()的详细内容,更多请关注双恒网络其它相关文章!

简简单单挺好的

联系我们 订单查询