HTML5視頻源更改

Question

我有一個像這樣的視頻標簽。 所有這些視頻都必須一個接一個地動態播放，我嘗試在視頻的事件列表“進度”中編寫一些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>元素集為不同設備（而不是播放列表）提供了視頻的替代格式。

如果要創建播放列表，請偵聽 結束事件並使用JavaScript更改src 。

---

回應對問題的編輯：

• 不，真的要更改src 。 您正在嘗試更改定義為只讀的currentSource
• 我說ended 。 不要碰progress ，您要在上一個視頻播放完后播放下一個視頻，而不是在播放一小部分視頻時播放
• <source>元素的列表仍然不是播放列表。 不要試圖像這樣使用它們。 將視頻列表保存在其他位置（例如JS數組）。