如何在頁面中嵌入plugin對象(兼容不同瀏覽器)

http://mozilla.com.cn/post/21690/

瀏覽器插件(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,不但寫法簡單而且便於維護。

相關鏈接:NPAPI plugin開發詳解


發佈了7 篇原創文章 · 獲贊 6 · 訪問量 17萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章