Javascript 如何使用jquery添加多个HTML5视频循环?
我的要求是我必须把N个视频放在同一个地方,如果一个视频结束,那么下一个视频必须像wise一样开始 在这里,我尝试了四个视频,但没有开始第二个视频 你能帮帮我吗Javascript 如何使用jquery添加多个HTML5视频循环?,javascript,jquery,html5-video,Javascript,Jquery,Html5 Video,我的要求是我必须把N个视频放在同一个地方,如果一个视频结束,那么下一个视频必须像wise一样开始 在这里,我尝试了四个视频,但没有开始第二个视频 你能帮帮我吗 <script> video_count =1; videoPlayer = document.getElementById("ss"); function run(){ video_count++; if (video_count == 4) video_count = 1;
<script>
video_count =1;
videoPlayer = document.getElementById("ss");
function run(){
video_count++;
if (video_count == 4) video_count = 1;
var nextVideo = "video"+video_count+".mp4";
videoPlayer.src = nextVideo;
videoPlayer.play();
};
</script>
<video id="homevideo" width="100%" autoplay onended="run()">
<source id="ss" src="video1.mp4" type='video/mp4'/>
</video>
视频计数=1;
videoPlayer=document.getElementById(“ss”);
函数运行(){
视频计数++;
如果(视频计数=4)视频计数=1;
var nextVideo=“视频”+视频计数+”.mp4”;
videoPlayer.src=nextVideo;
视频播放器;
};
尝试删除onended标记并添加javascript事件。有帮助吗
videoPlayer.onended(function(e) {
run();
};
试着用它来帮助你
**In Head tag:**
<script type="text/javascript" language="javascript">
video_count = 1;
function run() {
video_count++;
var videoPlayer = document.getElementById("homevideo");
if (video_count == 4)
video_count = 1;
var nextVideo = "ModelVideo/1/video" + video_count + ".mp4";
videoPlayer.src = nextVideo;
videoPlayer.load();
videoPlayer.play();
};
</script>
In Body tag:
<div style="width: 30%;">
<video id="homevideo" width="100%" controls autoplay onended="run()">
<source id="ss" src="ModelVideo/1/video1.mp4" type='video/mp4'/></video>
</div>
**头部标签中:**
视频计数=1;
函数run(){
视频计数++;
var videoPlayer=document.getElementById(“家庭视频”);
如果(视频计数=4)
视频计数=1;
var nextVideo=“ModelVideo/1/video”+视频计数+“.mp4”;
videoPlayer.src=nextVideo;
videoPlayer.load();
视频播放器;
};
体内标签:
任何人都有更好的方式实现此功能,也有更多的功能添加任何消息,如视频底部的直播电视,请分享。