HTML 5 Audio/Video DOM addTextTrack() 方法
HTML基础 2022-06-02 15:32:33小码哥的IT人生shichen
HTML 5 Audio/Video DOM addTextTrack() 方法
实例
更改视频来源，并重载视频：
document.getElementById("mp4_src").src="movie.mp4";
document.getElementById("ogg_src").src="movie.ogg";
document.getElementById("video1").load();
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<button onclick="changeSource()" type="button">更改视频</button>
<br />
<br />
<video id="video1" controls="controls" autoplay="autoplay">
<source id="mp4_src" src="/demo/example/html5/mov_bbb.mp4" type="video/mp4">
<source id="ogg_src" src="/demo/example/html5/mov_bbb.ogg" type="video/ogg">
Your browser does not support HTML5 video.
</video>
<script>
function changeSource()
{
document.getElementById("mp4_src").src="movie.mp4";
document.getElementById("ogg_src").src="movie.ogg";
document.getElementById("video1").load();
}
</script>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
load() 方法重新加载音频/视频元素。
load() 方法用于在更改来源或其他设置后对音频/视频元素进行更新。
浏览器支持
所有主流浏览器都支持 load() 方法，除了 Safari。
注释：Internet Explorer 8 以及更早版本不支持该方法。
语法
audio|video.load()