视频处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>
点击右边列表,左边刷新播放,开始的代码:
1: $(document).ready(function(){
2: //点击右边列表的某个链接,视频播放切换
3: $('#mod_videolist li').find('a').each(function(i, elem){
4: $(this).click(function(){
5: $('#mod_player > embed').attr('src', $(this).attr('href'));
6: return false;
7: });
8: //document.getElementById('evideo').play();
9: });
10: });
这样只能切换embed的src值,但并不会切换播放(奇怪firefox能够切换播放,其它浏览器只能改变了src),就是没有触发视频的play动作,但因为不是html5的<video>标签,embed标签无法用js传入play()方法,所以只能想别的方法来曲线救国,如下:
1: $(document).ready(function(){
2: //点击右边列表的某个链接,视频播放切换
3: $('#mod_videolist li').find('a').each(function(i, elem){
4: $(this).click(function(){
5: $('#mod_player > embed').remove();
6: 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">';
7: $('#mod_player').html(str);
8: return false;
9: });
10: });
11: });
?
通过“摧毁”embed,然后再改变embed的src的动态值,重新生成embed,这样就能兼容所有浏览器了。
出处:http://blog.163.com/wangzhongjiecool@126/blog/static/163019347201372055136269/
相关推荐
本文实例讲述了js改变embed标签src值的方法。分享给大家供大家参考。具体分析如下: 今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。 第一想法,很简单么,直接把src值改成点击的那个的...
可以通过本程序进行动态修改Embed的src属性,修改后可以立即看到效果。
embed标签src后的文件也可以是.swf文件,用来播FLASH 下面是例子:自动播放的并且隐藏控制按钮,禁止右键菜单的. 下面的是上面例子中使用的代码: <embed src="yin/01.mp3" _fcksavedurl=""yin/01.mp3"" _...
本文介绍了在网页中播放视频的jsp<embed>标签,希望能对在页面上播放视频的朋友一点帮助。
Html 标签embed 动态显示,Iframe框架
embed标签定义嵌入的内容,比如插件,src属性的值必须指定实际的文件扩展名,比如你想用它来播放mp3文件,下面为大家详细介绍下,感兴趣的朋友可以参考下
embed使用详解,主要是针对在网页中嵌入视频,设置相关的属性值,实现希望的效果
html 使用embed标签 播放 flv 视频,包含两个播放器,有两种形式,欢迎大家交流学习
embed 播放多媒体 embed详细介绍 embed入门
tags embed 页面标签 tags embed 页面标签
在我自己本机的ie8上能正常播放视频的程序(ie6也可以),放用户的电脑上就是不能正常播放,后来将embed换成object,问题得以解决
主要介绍了HTML embed标签使用方法和属性详解,重点介绍embed标签的属性,需要的朋友可以参考下
embed src="helloworld.swf" /> HTML 4.01 与 HTML 5 之间的差异 <embed> 标签是 HTML 5 中的新标签。 属性 new : HTML5 中的新属性。 属性 值 描述 height pixels 设置嵌入内容的高度。 src ...
HTML-embed代码详解word文档
Web-前端html+css从入门到精通 118. embed标签与object标签.zip
flv在线播放器的源码,使用js文件和embed标签,很有价值哦