替換html5視頻的多個編碼javascript

Question

我有一個html5視頻，我希望在前一個視頻結束時自動使用新的視頻源進行更新。

我的視頻代碼如下：

 <video autoplay preload loop controls id="v"> 
     <source src="videos/DP.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'> 
     <source src="videos/DP.webm" type='video/webm; codecs="vp8, vorbis"'> 
     <source src="videos/DP.ogv" type='video/ogg; codecs="theora, vorbis"'> 
    </video> 

我可以使用video.src更新源，但如何修改源包括3個不同的編碼？

Answer 1

你可以給<source>標籤一個ID然後引用它們嗎？

<source src="" type="" id="mp4"> 

的JavaScript

(function() { 
    var mp4 = document.getElementById('mp4'); 
    mp4.src = 'newFile.mp4'; 
})();