视频 embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
2014-05-27 11:43
706 查看
看图:
![](http://images.cnitblog.com/i/615223/201405/271138026812857.jpg)
点击右边列表,左边刷新播放,开始的代码:
这样只能切换embed的src值,但并不会切换播放(奇怪firefox能够切换播放,其它浏览器只能改变了src),就是没有触发视频的play动作,但因为不是html5的<video>标签,embed标签无法用js传入play()方法,所以只能想别的方法来曲线救国,如下:
通过“摧毁”embed,然后再改变embed的src的动态值,重新生成embed,这样就能兼容所有浏览器了。
转载至:http://blog.163.com/wangzhongjiecool@126/blog/static/163019347201372055136269/
![](http://images.cnitblog.com/i/615223/201405/271138026812857.jpg)
视频处html代码:
<div id="mod_player" class="mod_player"> <embed id="evideo" src="http://static.video.qq.com/TPout.swf?vid=d0110upcugq&auto=1" allowfullscreen="true" quality="high" width="650" height="472" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash"> </div>
点击右边列表,左边刷新播放,开始的代码:
$(document).ready(function(){ //点击右边列表的某个链接,视频播放切换 $('#mod_videolist li').find('a').each(function(i, elem){ $(this).click(function(){ $('#mod_player > embed').attr('src', $(this).attr('href')); return false; }); }); });
这样只能切换embed的src值,但并不会切换播放(奇怪firefox能够切换播放,其它浏览器只能改变了src),就是没有触发视频的play动作,但因为不是html5的<video>标签,embed标签无法用js传入play()方法,所以只能想别的方法来曲线救国,如下:
$(document).ready(function(){ //点击右边列表的某个链接,视频播放切换 $('#mod_videolist li').find('a').each(function(i, elem){ $(this).click(function(){ $('#mod_player > embed').remove(); var str = '<embed id="evideo" src="'+ $(this).attr('href') +'" allowfullscreen="true" quality="high" width="650" height="472" align="middle" allowscriptaccess="always" type="application/x-shockwave-flash">'; $('#mod_player').html(str); return false; }); }); });
通过“摧毁”embed,然后再改变embed的src的动态值,重新生成embed,这样就能兼容所有浏览器了。
转载至:http://blog.163.com/wangzhongjiecool@126/blog/static/163019347201372055136269/
相关文章推荐
- embed标签动态改变Src的值,局部刷新播放其他视频的javascript方法
- embed标签在页面加载的时候动态的改变src的值,可播放的
- js改变embed标签src值的方法
- javascript动态改变img的src属性图片不显示的解决方法
- 收藏总结-关于jquery mobile动态刷新listview的几种方法以及其他标签的refresh
- javascript动态改变img的src属性图片不显示的解决方法
- JavaScript之动态改变img标签里面的src属性实现图片的循环切换
- IE8下播放音频,使用embed标签从数据库动态加载src
- ie6下embed标签不能播放视频问题解决方法
- js改变embed标签src值的方法
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- HTML5添加video视频标签后仍然无法播放的解决方法
- html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- embed标签的使用(在网页中播放各种音频视频的插件的使用)
- HTML5添加 video 视频标签后仍然无法播放的解决方法 IIS添加MIEI类型
- js改变img标签的src属性在IE下没反应的解决方法
- javascript修改IMG标签的SRC刷新问题
- 解决javascript动态改变img的src属性图片不显示问题
- 动态改变TabActivity标签的tab图片的两种方法浅析