Question

我的要求是我必须在同一个地方放置N个视频，如果一个视频结束，那么下一个视频必须以明智的方式开始....

在这里，我试过四个视频，它没有开始第二个视频。

你能帮我吗

<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>

Answer 1

尝试删除onended-tag并添加javascript事件。有帮助吗？

videoPlayer.onended(function(e) {
 run();
};

Answer 2

尝试用它来帮助你吗？

**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>

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

2 个答案: