Question

我有这样的视频标签。所有这些视频必须一个接一个地动态播放我尝试在eventlistner中编写一些javascript函数＆＃34; progress＆＃34;视频，但没有工作。如何自动播放这些视频？任何人请建议在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，并使用JavaScript更改src。

回应对问题的编辑：

不，真的改变了src。您正尝试更改定义为 readonly的currentSource
我说ended。请勿触摸progress，在完成最后一个视频时播放下一个视频的内容，而不是当它的一小部分播放时播放
<source>元素列表仍然不是播放列表。不要试图使用它们。将视频列表保存在其他位置（例如JS阵列）。

HTML5视频源正在改变

1 个答案: