Замена множественного кодирования 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> идентификатор и затем сослаться на них?

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

JavaScript

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