Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用jquery添加多个HTML5视频循环?_Javascript_Jquery_Html5 Video - Fatal编程技术网

Javascript 如何使用jquery添加多个HTML5视频循环?

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;

我的要求是我必须把N个视频放在同一个地方,如果一个视频结束,那么下一个视频必须像wise一样开始

在这里,我尝试了四个视频,但没有开始第二个视频

你能帮帮我吗

<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();
视频播放器;
}; 
体内标签:

任何人都有更好的方式实现此功能,也有更多的功能添加任何消息,如视频底部的直播电视,请分享。