如何使用jQuery在html5视频中更改源代码

我有一个html5视频流，我需要在一些点击操作后更改它的源*。所以我在做什么工作，但只有在HTML中，我可以看到源变化，但它没有改变我的显示器，你能帮助我吗？哪里不对？ *源代码附加了frome xml文件。如何使用jQuery在html5视频中更改源代码

HTML

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

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的帮助。

来源

2013-02-10 Lukas

很简单，只是这样做：

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

来源

2013-02-10 15:43:06

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

动态地加载你需要运行

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

视频那么你也应该看到，在改变显示器也是如此，而不仅仅是在html中。

来源

2013-02-10 16:05:59 richie

感谢的人，我是卡在那里好几个小时的实际方法，但在调用'.load（）'解决了它！ – Mahdi 2013-10-30 11:11:52

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

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

这是视频标签元素

来源

2013-08-23 05:31:58

如何使用jQuery在html5视频中更改源代码

回答

相关问题