web-dev-qa-db-ja.com

jQueryを使用してHTML5ビデオのソースを変更する方法

私はhtml5ビデオストリーミングを使用しており、クリックアクションの後でソース*を変更する必要があります。だから私は何をしているのですが、htmlでのみ、ソースの変更を見ることができますが、ディスプレイ上で変更はありません、私を助けてくれますか？なにが問題ですか？ *ソースはfrome 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。

javascriptjqueryhtmlvideo
14
Lukas

それは簡単です、これを行うだけです：

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

このフィドルを参照してください： http://jsfiddle.net/qGbzb/2/

実行する必要があるビデオを動的にロードするには

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

次に、htmlだけでなく、表示も変更されます。

26
richie

クリックイベントでこんな風に使えます

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

これはビデオタグ要素の実際のメソッドです

0
Manu M