HTML5視頻源改變

我有一個這樣的視頻標籤。所有這些視頻都必須一個接一個地動態播放我嘗試在視頻的eventlistner「progress」中編寫一些javascript函數，但不能正常工作。如何自動播放這些視頻？任何人請在javascript或jquery中提示任何代碼HTML5視頻源改變

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

來源

2013-10-14 Arvin

添加您JS代碼也 –

穆拉利，的document.getElementById（「VIDEO1」）的addEventListener（「進步」，函數（）{ 變種I = 0; 變種VID =的document.getElementById（「VIDEO1」）; 如果（vid.paused）{ 如果（vid.currentSrc == myvids [I]）{ vid.currentSrc = myvids第[i + 1];} I = I + 1;} } ） ; – Arvin

該組<source>元件提供替代格式視頻針對不同的設備，而不是播放列表。

如果你想有一個播放列表，然後listen爲ended event和改變src用JavaScript。

在回答編輯的問題：

沒有，真正改變src。您正在嘗試更改被定義爲的currentSource只讀
我說的是ended。請勿觸摸progress，你什麼時候到的最後一個結束，而不是在它的一個微小的大塊起到
<source>元素的名單仍然不是一個播放列表播放下一個視頻。不要試圖像這樣使用它們。將視頻列表保存在其他地方（例如JS數組）。

來源

2013-10-14 14:21:17 Quentin

的document.getElementById（「VIDEO1」）[0] - 閱讀進度 - （「結束」，函數（）{ 警報（「結束」）; }）; 警報不工作作爲第一視頻停止 – Arvin

'的document.getElementById（「VIDEO1」）'將（如果與該ID的元素存在），給你一個HTMLElementNode。它不會給你一個數組或一個NodeList，所以你不應該指望它具有'0'屬性。這不像代碼在你的JS控制檯中拋出一個錯誤？ – Quentin

的document.getElementById（「VIDEO1」）的addEventListener（「結束」，函數（）{ 警報（「結束」）; }）。仍然無效 – Arvin

HTML5視頻源改變

回答

相關問題