如何在页面中嵌入plugin对象（兼容不同浏览器）

浏览器插件（plugin）可以安全有效的扩展浏览器的功能，我们最常用到的plugin就是Flash，IE 系列浏览器通过 ActiveX 插件技术使用 Flash，而火狐等大多数浏览器则是通过NPAPI 插件技术使用 Flash的。

各浏览器中插入 Flash 的方式有些差异，本文向大家介绍3种兼容各种浏览器的写法，请大家参考。

注：本文的部分内容和demo来自 http://www.w3help.org，如需详细内容请访问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，不但写法简单而且便于维护。