在队列中播放两个视频

【问题标题】：Playing two videos in queue在队列中播放两个视频
【发布时间】：2015-07-03 07:39:45
【问题描述】：

<video width="320" height="240" autoplay loop>
  <source src="movie1.mp4" type="video/mp4">
  <source src="movie2.mp4" type="video/mpr">
  Your browser does not support the video tag.
</video>

上面的代码会一遍又一遍地播放movie1.mp4。我想要实现的是一个接一个地播放这两个视频。我的意思是在播放完movie1.mp4 之后，接下来会播放movie2.mp4。

如何做到这一点？

【问题讨论】：

标签： html html5-video

【解决方案1】：

您可以这样做：

<video id="homevideo" width="100%" autoplay onended="run()">
    <source src="app/video1.mp4" type='video/mp4'/>
    <source src="app/video2.mp4" type='video/mp4'/>
</video>

video_count =1;
videoPlayer = document.getElementById("homevideo");

function run(){
        video_count++;
        if (video_count == 4) video_count = 1;
        var nextVideo = "app/video"+video_count+".mp4";
        videoPlayer.src = nextVideo;
        videoPlayer.play();
   };

Reference

【讨论】：

我不明白您为什么将 video_count 设置为 4，因为只有 2 个视频。 if(video_count == 4) video_count = 1
有没有办法动态获取视频列表的大小？比如videolist.size()???
您只需要获取最大计数，例如，如果您要使用 3 个视频，则将最大值设置为 4，或者您可以通过分配一个类别来计算视频数量并计算有多少显示此类的次数。
呵呵呵呵...好吧...听起来像静态的，但无论如何，谢谢！