【发布时间】：2015-09-12 11:00:08
【问题描述】：
我有一个默认循环播放的欢迎视频，当用户点击更改视频按钮时，另一个视频开始播放。但是在视频切换之间会有大约 1-3 秒的停电。我想展示我的视频，因为视频没有改变它仍在播放相同的视频[我希望它看起来像正在播放单个视频我不希望停电干扰它]
我是如何改变视频的
<!DOCTYPE html>
<html>
<head><title>Draw your gifts here</title></head>
<body>
<video width="1000" id="videotag" autoplay controls>
<source src="media/welcome.mp4">
This browser does not support this format please upgrade your browser or use different browser
</video>
<button type="button" onClick="changeVideo()">Change Video</button>
</body>
<script>
function changeVideo(){
var video_player = document.getElementById("videotag");
video_player.src = "media/draw1.mp4";
}
</script>
</html>
【问题讨论】：
-
根据您的第二个视频的大小，您可能希望将其加载到 blob（预缓冲区）中，然后交换源...可能仍有过渡时间，但要小得多 -请参阅stackoverflow.com/questions/18251632/… 获取示例（如果有帮助，请投票！）
标签： javascript html video html5-video