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