如何使用jQuery更改html5video中的源代码

我有一个html5video流,我需要在点击动作后更改它源*。 所以我正在做的工作,但只有在HTML中,我可以看到源更改,但我的显示没有变化,你能帮助我吗? 怎么了? *源代码附加了frome xml文件。

HTML

 

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( '' ); 

谢谢你的帮助。

这很简单,只需这样做:

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

看到这个小提琴: http : //jsfiddle.net/qGbzb/2/

要动态加载您需要运行的video

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

然后你也应该看到显示的变化,而不仅仅是在html中。

您可以在点击事件中使用这样的内容

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

这是video标签元素的实际方法