JS控制视频的播放

Posted OH-MY-GOD

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS控制视频的播放相关的知识,希望对你有一定的参考价值。

在用js定时器控制视频时,

html部分:

<video id="video_1">
    <source id="source_1" src="video.mp4"/>
</video>

 js部分:

//定义一个定时器
var time = null,
//定义一个变量,通过id找到video标签
video_change = null,
source_change = null;
window.onload = function (){
   time = setInterval("change()",5000); 
}
function change(){
     video_change = document.getElementById("video_1");
    source_change = document.getElementById("source_1");
    video_change.load();
    source_change.src = "video.mp4";
}

 

以上是关于JS控制视频的播放的主要内容,如果未能解决你的问题,请参考以下文章

JS设置视频播放周期

JS控制视频的播放

当替换片段视频仍在android中播放背景时

js控制html5 video标签中视频的播放和停止

播放后重定向html5视频

用js控制video的src