<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>视频切换</title>
</head>
<body>
<video id="video" width="100%" height="100%" autoplay loop controls>
<source id="source" src="https://media.w3.org/2010/05/sintel/trailer.mp4">
</video>
<button id="but1">第一个</button>
<button id="but2">第二个</button>
<button id="but3">第三个</button>
<script type="text/javascript">
document.getElementById("but1").onclick = function() {
document.getElementById("source").src = "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4";
document.getElementById("video").load();
}
document.getElementById("but2").onclick = function() {
document.getElementById("source").src = "http://vjs.zencdn.net/v/oceans.mp4";
document.getElementById("video").load();
}
document.getElementById("but3").onclick = function() {
document.getElementById("source").src = "https://media.w3.org/2010/05/sintel/trailer.mp4";
document.getElementById("video").load();
}
</script>
</body>
</html>
js video 视频切换
最新推荐文章于 2024-06-16 15:54:56 发布