javascript - HTML5视频源更改

Question

我有一个这样的视频标签。所有这些视频都必须一个接一个地动态播放 我尝试在视频的 eventlistner“进度”中编写一些 javascript 函数，但不起作用。如何自动播放这些视频？有人请建议 javascript 或 jquery 中的任何代码

<div id="divVid">
            <video id="video1" width="320" height="240" autoplay >
               <source src="vid_future technology_n.mp4#t=20,50" >            
               Your browser does not support the video tag.
            </video>
    </div>

JS代码(从评论部分更新)

document.getElementById("video1")
.addEventListener("progress", 
  function () { 
   var i = 0; 
   var vid = document.getElementById("video1"); 
    if (vid.paused) { 
     if (vid.currentSrc == myvids[i]) { 
       vid.currentSrc = myvids[i + 1]; } i = i + 1; 
    } 
});

Answer 1

<source> 的集合元素为不同设备提供视频的替代格式，而不是播放列表。

如果你想要一个播放列表，那么 listen对于 ended event并更改 src使用 JavaScript。

<小时/>

回应对问题的编辑:

• 不，真的要改变 src 。您正在尝试更改 currentSource它被定义为只读
• 我说ended 。请勿触摸progress ，您应该在最后一个视频播放完毕后播放下一个视频，而不是播放一小部分时播放
• 列表<source> elements 仍然不是播放列表。不要尝试这样使用它们。将视频列表保存在其他地方(例如 JS 数组)。