jQuery ile html5 videoda kaynak nasıl değiştirilir

Question

Bir html5 video akışım var ve bazı tıklama eylemlerinden sonra onu değiştirmem gerekiyor *. Ne iş yapıyorum, ama sadece html'de, kaynak değişikliğini görebiliyorum ama ekranımda hiçbir değişiklik yapmıyor, bana yardımcı olabilir misiniz? Yanlış olan ne? * Kaynak frome xml dosyasıdır. HTML

<video autoplay loop width="960" height="540" id="video"> 
    <source src="video/movie_01.mp4" id="tv_main_channel"> 
</video> 

JS

btn.on('click', function(){ 
    var tv_main_channel = $('#tv_main_channel'), 
     d_program_source_mp4 = $(program_self).find("program_source_mp4").text(); 

    tv_main_channel.attr('src', d_program_source_mp4); 
} 

Ayrıca ben append ile deneyin ama hala yardım için

var video_block = $('#video'); 

video_block.empty(); 
video_block.append(
    '<source src="'+ d_program_source_mp4 +'">' 
); 

Thx çalışmaz.

Answer 1

Çok basit, sadece bunu: http://jsfiddle.net/qGbzb/2/

dinamik Sonra da bir değişiklik görmelisiniz Eğer

var video_block = $('#video'); 
video_block.load(); 

çalıştırmak için gereken videoları yüklemek için:

btn.on("click", function(){ 
    var src = "new_video_src.mp4"; 
    $("#video").find("#tv_main_channel").attr("src", src) 
}) 

Answer 2

bu keman bakın Ekran da sadece html'de değil.

Answer 3

Sen click olayı böyle kullanabilirsiniz

var src = "new_video_src.mp4"; 
    $("#tv_main_channel").src=src; 

Bu gerçek