我想循环播放默认视频，但当单击按钮时，我想播放另一个视频一次，然后返回播放的视频。现在我可以按下按钮切换到vid2，但无法切换回原始视频。如何播放一次视频并切换回旧视频？提前谢谢。
<!DOCTYPE html>
<html>
<body>
<video width="1920" id="src.mp4" autoplay controls loop>
<source src="vid1.mp4" type="video/mp4">
Your browser does not support HTML video.
</video>
<button type="button" name="button" onclick="playVid2()">Click me to change the video</button>
<script>
function playVid2(){
var video = document.getElementById("src.mp4");
video.src = 'vid2.mp4';
video.load();
video.play();
video.src = 'vid1.mp4';
video.load();
video.play();
}
</script>
</body>
</html>
如果视频结束，您应该能够收听，然后再次加载第一个视频。
function playVid2()
{
var video = document.getElementById("src.mp4");
video.src = 'vid2.mp4';
video.load(); video.play();
video.addEventListener('ended', on_Vid_Ended, false);
}
function on_Vid_Ended( evt )
{
evt.target.removeEventListener(evt.type, handler);
video.src = 'vid1.mp4';
video.load(); video.play();
}
还要在事件监听器被激发后取消订阅，以免留下泄漏。