14

html5ビデオストリーミングがあり、クリックアクションの後でソース*を変更する必要があります。だから私がやっていることはうまくいきますが、htmlでのみ、ソースの変更を見ることができますが、ディスプレイでは変更されません、あなたは私を助けることができますか？なにが問題ですか？*ソースはfromexmlファイルを追加しています。

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。

4

3 に答える 3

28

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

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

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

次に、htmlだけでなく、表示にも変化が見られるはずです。

于 2013-02-10T16:05:59.463 に答える
14

簡単です。これを行うだけです。

btn.on("click", function(){
  var src = "new_video_src.mp4";
  $("#video").find("#tv_main_channel").attr("src", src)
})
于 2013-02-10T15:43:06.313 に答える
0

クリックイベントでこのように使用できます

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

これは、ビデオタグ要素の実際の方法です

于 2013-08-23T05:31:58.090 に答える