html5中重新載入音訊/視訊元素的方法load()
- 黄舟原創
- 2017-11-07 11:27:158184瀏覽
實例
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()的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn