如何使用jQuery更改html5视频中的源代码
How to change source in html5 video with jQuery
我有一个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 +'">'
);
谢谢你的帮助。
看看这个小提琴:http://jsfiddle.net/qGbzb/2/
要动态加载视频,您需要运行
var video_block = $('#video');
video_block.load();
然后,您还应该看到显示中的更改,而不仅仅是html中的更改。
很简单,只需执行以下操作:
btn.on("click", function(){
var src = "new_video_src.mp4";
$("#video").find("#tv_main_channel").attr("src", src)
})
您可以在点击事件中这样使用
var src = "new_video_src.mp4";
$("#tv_main_channel").src=src;
这是视频标签元素的实际方法
相关文章:
- 视频HTML没有'无法在Internet Explorer 11上工作
- 播放当前视频时如何停止其他视频?JavaScript
- 使用Facebook live API创建实时视频对象时的隐私设置
- Brightcove获取/显示HTML中的当前视频标题和描述
- 活动选项卡's源代码-获取变量s值
- Twilio-显示所有连接参与者的远程参与者视频
- WebRTC视频聊天可以在FF中使用,但不能在Chrome中使用
- 是否可以使用iframe API在iOS浏览器上播放youtube视频
- 如何检查用户在html5视频播放器中观看了完整的视频
- Fullpage.js-视频+背景在同一部分
- html5视频中的Youtube类型注释
- 角度p2p视频聊天-远程流是黑视频
- tiltSlider播放/暂停视频元素(如果li有当前类)
- python或JS可以隐藏视频嵌入源代码
- 使用Javascript更改ActiveX视频播放器源代码
- Javascript树的源代码;“原理发明”;视频
- 三星智能电视应用程序的完整视频应用程序源代码
- HTML5视频,使用Javascript更改源代码,不在Safari上加载,在Chrome上也可以
- Greasemonkey:改变'preload'视频'HTML源代码中的标记
- 如何使用jQuery更改html5视频中的源代码