Rumah >hujung hadapan web >Tutorial H5 >html5中重新加载音频/视频元素的方法load()
html5中重新加载音频/视频元素的方法load()
- 黄舟asal
- 2017-11-07 11:27:158183semak imbas
实例
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>Atas ialah kandungan terperinci html5中重新加载音频/视频元素的方法load(). Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()Artikel seterusnya：html5开始播放当前的音频或视频的方法