如何在页面中嵌入plugin对象(兼容不同浏览器)
2014-07-08 16:33
417 查看
转http://mozilla.com.cn/post/21690/
浏览器插件(plugin)可以安全有效的扩展浏览器的功能,我们最常用到的plugin就是Flash,IE 系列浏览器通过 ActiveX 插件技术使用 Flash,而火狐等大多数浏览器则是通过NPAPI 插件技术使用 Flash的。
各浏览器中插入 Flash 的方式有些差异,本文向大家介绍3种兼容各种浏览器的写法,请大家参考。
注:本文的部分内容和demo来自 http://www.w3help.org,如需详细内容请访问 href="http://www.w3help.org/zh-cn/causes/HO8001" target=_blank>http://www.w3help.org/zh-cn/causes/HO8001
第一种写法:使用< embed >标签嵌入Flash(演示
demo)
第二种写法:使用< object >标签嵌入Flash (演示
demo)
第三种写法:使用< object > 和 < embed >标签的组合方式嵌入Flash (演示
demo)
本人强烈推荐第一种写法。此种写法只需要描述一次flash 的src,不但写法简单而且便于维护。
相关链接:NPAPI plugin开发详解
浏览器插件(plugin)可以安全有效的扩展浏览器的功能,我们最常用到的plugin就是Flash,IE 系列浏览器通过 ActiveX 插件技术使用 Flash,而火狐等大多数浏览器则是通过NPAPI 插件技术使用 Flash的。
各浏览器中插入 Flash 的方式有些差异,本文向大家介绍3种兼容各种浏览器的写法,请大家参考。
注:本文的部分内容和demo来自 http://www.w3help.org,如需详细内容请访问 href="http://www.w3help.org/zh-cn/causes/HO8001" target=_blank>http://www.w3help.org/zh-cn/causes/HO8001
第一种写法:使用< embed >标签嵌入Flash(演示
demo)
<div style="border:5px solid black; padding:5px; float:left;"> <embed src="clock.swf" type="application/x-shockwave-flash" width="200" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </div>
第二种写法:使用< object >标签嵌入Flash (演示
demo)
<div style="border:5px solid black; padding:5px; float:left;"> <object width="200" height="200" type="application/x-shockwave-flash" data="clock.swf"> <param name="src" value="clock.swf" /> <param name="quality" value="high" /> </object> </div>
第三种写法:使用< object > 和 < embed >标签的组合方式嵌入Flash (演示
demo)
<object width="200" height="200" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#4,0,0,0"> <param name="src" value="clock.swf" /> <param name="quality" value="high" /> <embed src="clock.swf" type="application/x-shockwave-flash" width="200" height="200" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> </object>
本人强烈推荐第一种写法。此种写法只需要描述一次flash 的src,不但写法简单而且便于维护。
相关链接:NPAPI plugin开发详解
相关文章推荐
- 如何在页面中嵌入plugin对象(兼容不同浏览器)
- 如何在HTML页面中创建兼容不同浏览器的XMLHttpRequest对象
- [js]如何在js方法中传递事件对象并且在各个浏览器之间兼容
- 如何创建ajax对象并兼容多个浏览器
- 不同浏览器的JS如何兼容?
- 创建ajax对象及解决不同浏览器对XMLHttpRequest对象的兼容问题
- 兼容不同版本浏览器及版本号来创建XMLHttpRequest对象
- 如何创建ajax对象并兼容多个浏览器
- 为什么要初始化 CSS 样式 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。 当然,初始化样式会对 SEO 有一定的影响,但鱼
- 如何让CSS的标签兼容不同的浏览器
- 如何将不同信息的数据对象合并显示到同一个页面上或者滚动窗口中
- aspx 页面根据不同的文本框按下的 回车 执行 不同按钮的服务器端 click事件(浏览器兼容,火狐浏览器)
- 浏览器兼容之旅第一站:如何在页面中创建IE条件注释
- 话说页面兼容不同浏览器
- 如何使页面不被浏览器Cache保留
- 如何不允许用户使用浏览器的『后退按钮』查看前面缓存下来的页面。
- 如何不允许用户使用浏览器的『后退按钮』查看前面缓存下来的页面
- 如何不允许用户使用浏览器的『后退按钮』查看前面缓存下来的页面。
- 如何动态保存不同类的对象的成员函数的地址?--解决
- PetShop是如何兼容不同数据库的