Javascript 在html5视频标签中更改视频时防止断电
默认情况下，我有一个欢迎视频在循环中播放，当用户单击“更改视频”按钮时，另一个视频开始播放。但在更换视频之间有一个大约1-3秒的断电。我想展示我的视频，因为视频没有改变，仍然在播放同一个视频[我希望它看起来像一个单独的视频正在播放，我不希望停电干扰它] 这里是我如何改变视频Javascript 在html5视频标签中更改视频时防止断电,javascript,html,video,html5-video,Javascript,Html,Video,Html5 Video,默认情况下，我有一个欢迎视频在循环中播放，当用户单击“更改视频”按钮时，另一个视频开始播放。但在更换视频之间有一个大约1-3秒的断电。我想展示我的视频，因为视频没有改变，仍然在播放同一个视频[我希望它看起来像一个单独的视频正在播放，我不希望停电干扰它] 这里是我如何改变视频 <!DOCTYPE html> <html> <head><title>Draw your gifts here</title></head> <
<!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>
在这里画你的礼物
此浏览器不支持此格式。请升级浏览器或使用其他浏览器
更改视频
函数changeVideo（）{
var video_player=document.getElementById（“videotag”）；
video_player.src=“media/draw1.mp4”；
}
<video width="1000" id="videotag" autoplay preload="auto" controls>
<source src="media/welcome.mp4">
This browser does not support this format please upgrade your browser or use different browser
</video>
此浏览器不支持此格式。请升级浏览器或使用其他浏览器