1. 程式人生 > >網頁中插入FLASH的三種方法

網頁中插入FLASH的三種方法

一、Object+embed
這應該是Macromedia推薦的寫法,因為在Macromedia Dreamweaver 8中,通過視覺化介面插入FLASH,將得到如下的程式碼:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="960" height="182" title="flash">
<param name="movie" value="images/BANNER.swf" />

<param name="quality" value="high" />
<embed src="images/BANNER.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="960" height="182"></embed>
</object>
其中object和embed中有大量重複的屬性,許多文章說此方法相容性比較好,但我在firefox下發現動畫下面像有一個換行符,怎麼都無法和它下面的容器無縫的貼到一起。


二、embed方式
把上述程式碼中object的部分去掉,僅留embed標籤,flash也可正常先顯示。
百度部落格使用的就是這種方式:
<embed allownetworking="none" allowscriptaccess="never" width="960" height="182" loop="false" menu="false" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" src="images/banner.swf" type="application/x-shockwave-flash"wmode="window"></embed>

這種方式我在IE和firefox下瀏覽均很正常。

三、SWFObject方式
這是一個第三方控制元件,可以到SWFObject官方下載:http://code.google.com/p/swfobject/
最新的版本是2.2,基本的使用也非常簡單,解壓之後把其中的swfobject.js和expressInstall.swf兩個檔案拷貝到一個資料夾中,比如js資料夾。
在<head></head>中插入:
<script language="javascript" src="js/jquery.js"></script>
然後在需要顯示flash的地方插入:
<script type="text/javascript">
swfobject.embedSWF("images/banner.swf", "myContent", "960", "182", "9.0.0", "expressInstall.swf");
</script>
<div id="myContent">
</div>
flash將顯示在<div>標籤中,也可以在<div>標籤中插入文字或圖片,有利於搜尋引擎收錄,且不影響flash的顯示。