0

我有一个像这样的视频标签。所有这些视频都必须一个接一个地动态播放

<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; 
    } 
});
4

1 回答 1

3

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

如果你想要一个播放列表，那么监听一个结束的事件并src用 JavaScript 改变。

回应对问题的编辑：

  • 不，真的改变src. 您正在尝试更改currentSource定义为只读的
  • 我说ended。不要碰progress，当最后一个视频播放完时，你要播放下一个视频，而不是播放一小部分时
  • 元素列表<source>仍然不是播放列表。不要试图这样使用它们。将视频列表保存在其他地方（例如 JS 数组）。
于 2013-10-14T14:21:17.717 回答