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

How to add loop multiple HTML5 videos using jquery?

本文关键字：HTML5 视频 循环 何使用 jquery 添加      更新时间：2023-09-26

我的要求是，我必须将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>

尝试删除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>
相关文章：