符合W3C標準的網頁FLASH嵌套

<object type="application/x-shockwave-flash" data="../flash/menu.swf" width="990" height="60" id="menu">
<param name="movie" value="../flash/menu.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=vcastr.xml" />
</object> html

參考:app

結合咱們的XXX的例子,介紹一下符合w3c標準的flash代碼的插入方法,並說明各個參數的設置
<object type="application/x-shockwave-flash" data="XXX.swf" width="650" height="500" id="XXX" bgColor="#ff0000">
<param name="movie" value="XXX.swf"/>
<param name="allowFullScreen" value="true" />
<param name="FlashVars" value="xml=vcastr.xml" />
</object> 性能

以上是XXX flash的插入代碼,經過了w3c的驗證,也通過了IE6,7,firefox2,3,safari的測試,而且代碼避免了參數的重複。
<object type="application/x-shockwave-flash" data="XXX.swf" width="650" height="500" id="XXX">
<param name="movie" value="XXX.swf"/>
</object> 測試

必須部分,設置的flash的大小,地址,若是須要腳本使用,還能夠設置id的名稱
<param name="allowFullScreen" value="true" /> url

是否容許全屏,若是不寫這一段,默認是不能全屏的。
<param name="FlashVars" value="xml=vcastr.xml" /> spa

設置參數傳遞給flash,若是是多個參數用&鏈接,例如key1=value1&key2=value2&key3=value3,在XXX中,xml這個參數能夠設置成xml文件的地址,或者直接設置xml文本內容。
<param name="bgColor" value="#ff6600" /> firefox

設置flash的背景色,這個不少人詢問,在bcastr4的設置圓角後,十分有用
<param name="menu" value="false" /> code

設置flash右鍵菜單,去掉一些默認的菜單,只留下了設置和關於flashplayer
<param name="quality" value="high" /> xml

設置flash的播放品質 可用參數是low autolow autohigh medium hight best, 默認應該是high
<param name="scale" value="default" /> htm

設置flash的放縮模式 可用參數是 showall(顯示所有內容,保持比例,可是上下,或者左右可能有空白), noborder(放縮能夠裁減內容,保持比例,可是不留空白), exactfit(放縮按照flash設置的高度和寬度,不保持比例),noscale(不放縮,原始比例)
<param name="wmode" value="default" />

設置flash的窗口模式,可用參數Window(默認值,始終位於html的頂層),Opaque(容許flash上層能夠有網頁的遮擋),Transparent(flash背景透明,有可能下降flash的性能)
<param name="salign" value="TL" />

設置flash縮放的參考點,可用參數L(左側),R(右側),T(上側),B(下側),TL(左上),TR(右上),BL(左下),BR(右下),若是不設置,默認以中心做爲參考點
<param name="base" value="url" />

設置flash相對路徑的參考位置 s

 

IE6: 只要將flash所在層的z-index屬性設爲-1便可.

IE7: 還要給flash的<object>對象增長一個"womde"參數.參數的值爲"transparent"或"opaque"都行.

FF和Chrome: 在IE7的基礎上再在<embed>標籤內添加屬性wmode="transparent"或wmode="opaque"


CSS兼容flash設爲最底層的完整代碼:

<div style="z-index:-1;">

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
swflash.cab#version=9,0,28,0
" width="250" height="70">

<param name="movie" value="/images/underStruction.swf" />

<param name="quality" value="high" />

<param name="wmode" value="transparent" />

<embed src="/images/underStruction.swf" quality="high" wmode="transparent"
 pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
 type="application/x-shockwave-flash" width="250" height="70"></embed>

</object>

</div>

相關文章
相關標籤/搜索