Изменение определенного источника видеосигнала по щелчку

Question

I'am интересно, как я мог бы идти об изменении только одного из следующих двух источников в WebM, а другой .mp4 в моем видео тэгом:

HTML:

<video controls="controls" preload="auto" id="video" onclick="this.play();"> 
     <source src="fragmenten/real_schade.mp4" type="video/mp4"> </source> 
     <source src="fragmenten/real_schade.webm" type="video/webm"> </source> 
      Your browser doesn't support the video element. 

    </video> 

JQuery:

var bvideo = document.getElementById('background'); 

$("#car").on('click', function(){ 
    bvideo.pause(); 
    showPlaceHolder(); 
    showVID(); 
    $("#video").attr("src","fragmenten/real_schade2.mp4"); 
    $('#video').attr("autoplay", "autoplay"); 
}); 

Это только вставляет источник в тег непосредственно, как я могу изменить эти два источника я дал с видео тег, чтобы изменить .mp4 и .Webm и не изменяются оба источника в один источник/вставка видео ЦСИ в тег

Answer 1

Если вы хотите заменить все источники dynamicall без изменения расширения файла, который вы можете сделать это:

$(document).ready(function() { 
    changeVideoTo("fragmenten/real_schade2"); 
}); 

function changeVideoTo(name) { 
    $("#video source").each(function() { 
     var oldSource = $(this).attr("src"); 
     var fileExtension = oldSource.split(".")[1] 
     $(this).attr("src", name + "." + fileExtension); 
    }); 
} 

Fiddle:http://jsfiddle.net/beznbxqc/2/

Answer 2

$("#video source:nth-of-type(1)").attr('src', videoFile); 
$("#video video")[0].load() 

Попробуйте это:

Answer 3

Попробуйте использовать этот код, чтобы изменить первый источник:

$("#video source:first-of-type").attr("src","first/source.mp4"); 

и это изменить второй источник:

$("#video source:last-of-type").attr("src","first/source.webm"); 

Надеюсь, он сработает: D