jQueryでhtml5ビデオのソースを変更するには

Question

私はhtml5ビデオストリーミングをしています。だから、私は何をしているのですか？htmlだけで、ソースの変更を見ることができますが、私のディスプレイ上で変わることはありません。なにが問題ですか？ *ソースはXMLファイルから追加されています。

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

も、私はappendでそれを試してみたが、それはまだ助けを

var video_block = $('#video'); 

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

Thxを動作しません。

Answer 1

それは簡単です、ちょうどこの操作を行います。http://jsfiddle.net/qGbzb/2/

を動的に次にあなたもの変化を確認する必要がありますが

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

を実行するために必要なビデオをロードするには：

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

Answer 2

このフィドルを参照してください。表示だけでなく、htmlでも表示されます。

Answer 3

あなたはクリックイベントに次のように使用することができます

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

これは、実際の