網(wǎng)頁中插入FLASH代碼的參數(shù)解釋與使用技巧

多福老人43 2011-02-12

展開全文

多福老人歡迎您 http://qwp43.360doc.com

（轉(zhuǎn)）網(wǎng)頁中插入FLASH代碼的參數(shù)解釋與使用技巧

一：代碼解釋

代碼：

解釋：

OBJECT標(biāo)簽是用于windows IE3.0及以后瀏覽器或者其它支持Activex控件的瀏覽器。“classid”和“codebase”屬性必須要精確地按上例所示的寫法寫，它們告訴瀏覽器自動下載flash player的地址。如果你沒有安裝過flash player 那么IE3.0以后的瀏覽器會跳出一個提示框訪問是否要自動安裝flash player。當(dāng)然，如果你不想讓那些沒有安裝flash player的用戶自動下載播放器，或許你可以省略掉這些代碼。

EMBED標(biāo)簽是用于Netscape Navigator2.0及以后的瀏覽器或其它支持Netscape插件的瀏覽器。“pluginspage”屬性告訴瀏覽器下載flash player的地址，如果還沒有安裝flash player的話，用戶安裝完后需要重啟瀏覽器才能正常使用。
為了確保大多數(shù)瀏覽器能正常顯示flash，你需要把EMBED標(biāo)簽嵌套放在OBJECT標(biāo)簽內(nèi)，就如上面代碼例子一樣。支持Activex控件的瀏覽器將會忽略O(shè)BJECT標(biāo)簽內(nèi)的EMBED標(biāo)簽。Netscape和使用插件的IE瀏覽器將只讀取EMBED標(biāo)簽而不會識別OBJECT標(biāo)簽。也就是說，如果你省略了EMBED標(biāo)簽，那firefox就不能識別你的flash了（不過納悶的是，省略了object只寫embed，IE也能正常顯示flash，呵呵，具體的再仔細看看了）。
本文列出了用于發(fā)布影片的OBJECT和EMBED標(biāo)簽的必要以及可選屬性。

一、必需屬性：
·CLASSID-設(shè)置瀏覽器的Activex控件，僅用于OBJECT標(biāo)簽。
·CODEBASE-設(shè)置flash Activex控件的位置，因而如果瀏覽器如果沒有安裝的話，可以自動下載安裝。僅用于OBJECT標(biāo)簽。
·WIDTH-以百分比或象素指定flash影片的寬度。
·HEIGHT-以百分比或象素指定flash影片的高度。
·SRC-指定影片的下載地址。僅用于EMBED標(biāo)簽。
·PLUGINSPAGE-設(shè)置flash 插件的位置，因而如果瀏覽器如果沒有安裝的話，可以自動下載安裝。僅用于EMBED標(biāo)簽。
·MOVIE-指定影片的下載地址。僅用于OBJECT標(biāo)簽。

二、可選屬性及可用的值：
·ID-設(shè)定變量名，用于腳本代碼的引用。僅用于OBJECT。
·NAME -設(shè)定變量名，用于腳本代碼（如javascript）的引用。僅用于EMBED。
·SWLIVECONNECT - （true或false）指定當(dāng)flash player第一次下載時，是否啟用java。如果些屬性省略，默認值為false。你果你在相同頁同使用javascript和flash，java必須使用FSCommand來工作。
·PLAY -（true或false）指定flash影片是否在下載完成后就自動播放，如果省略此屬性，則默認為true。
·LOOP - （true或false）指定影片播放完最后一幀后是停止還是繼續(xù)循環(huán)播放，如果省略此屬性，則默認為true。
·MENU - （true或false）
·True 顯示全部的菜單，允許用戶放大，縮小等控制影片播放等操作。
·False 顯示只包含設(shè)置選項和關(guān)于flash的菜單。
·QUALITY - (low, high, autolow, autohigh, best )
·Low 速度優(yōu)于美觀，而且不應(yīng)用反鋸齒。
·Autolow 剛開始著重于速度，但當(dāng)需要時隨時提升美觀。
·Autohigh 同時著重播放速度和美觀，但需要時則犧牲美觀來保證播放速度。
·Medium 應(yīng)用一些反鋸齒而不平滑位圖。它質(zhì)量高于low設(shè)置而低于high設(shè)置。
·High 美觀優(yōu)于播放速度，而且一直應(yīng)用反鋸齒。如果影片不包含動畫，位圖會被平滑化;而如果影片包含動畫，位圖將不變平滑。
·Best 提供最好的顯示質(zhì)量而不考慮播放速度。所有輸出都應(yīng)用反鋸齒及所有位圖都被平滑化。
·SCALE - (showall, noborder, exactfit)
·Default(Show all)影片在指定的區(qū)域內(nèi)顯示，但保持原始的比例。影片兩側(cè)將會出現(xiàn)邊框。
·No Boder 收縮影片以適合指定的區(qū)域，保持影片不失真，但部分影片將可能將裁切。然而保持影片的原始比例。
·Exact Fit 使整個影片在指定的區(qū)域內(nèi)顯示，影片有可能變形失真，而且不保持原始的比例。
·ALIGN - (l, t, r, b)
·默認為居中，當(dāng)瀏覽器窗口小于影片時，邊緣會被裁切。
·Left,Right,Top,Bottom按照相應(yīng)的設(shè)置沿瀏覽器的邊緣對齊。如果需要，另外三邊將被裁切。
·SALIGN - (l, t, r, b, tl, tr, bl, br)
·L,R,T,B
·TL,TR
·BL,BR
·WMODE- (window, opaque, transparent) 設(shè)置flash影片的window mode屬性，指定flash在瀏覽器中的透明，層疊及位置。
·Window 影片在瀏覽器中自己的矩形窗口內(nèi)播放。
·Opaque 影片隱藏了所有在它后面的內(nèi)容。
·Transparent 使flash影片透明，顯示透明影片后面的網(wǎng)頁內(nèi)容。這將會降低動畫的性能。而且這個屬性不是在所有瀏覽器中都可用的。
·BGCOLOR - （#RRGGBB, 十六進制RGB值。）指定影片的背景顏色。使用這個屬性覆蓋flash中設(shè)定的背景顏色。
·BASE - 設(shè)定基準(zhǔn)目錄或URL，用來解決所以flash中的相對路徑。類似網(wǎng)頁中的<base>標(biāo)簽。
·FLASHVARS 傳遞變量到flash player，需要flash player6及以后的版本。
·傳遞root級變量到影片。字符串的格式是用“&”分隔的name=value集。
·瀏覽器支持64kB大小的字符串長度。
·更多關(guān)于FlashVars的信息，請查看相關(guān)文檔。

二：一些技巧

（一）首先教大家最簡單的插入Flash的代碼，透明，無坐標(biāo)控制：

注意wmode="transparent"是控制Flash是否透明顯示的，如果不想讓它顯示為透明的，直接把wmode="transparent"去掉即可。

（二）再教教大家加入絕對坐標(biāo)的透明Flash，絕對坐標(biāo)意味著不管你的窗口拉多大，那個Flash依然乖乖地在原地不動

（三）最后教教大家如何加入相對坐標(biāo)的透明Flash，注意下面代碼的table部分，這主要是使用表格作為容器，把Flash
“裝”到表格里，這樣不管瀏覽者把瀏覽器拉多大，F(xiàn)lash永遠和表格一起動。而且，表格可以設(shè)置背景圖片，表格上面再放一個透
明Flash與背景圖片相配合，哇塞，效果好得不得了

------------------------------------------------------------ ------

還有以下方法：

基于網(wǎng)頁排版的實現(xiàn)方法

你可以先準(zhǔn)備好一張圖片和一個適合做透明效果的flash，然后打開DREAMWEAVER中新建一個網(wǎng)頁，插入一個一行一列的
單元格，單元格的規(guī)格大小和事先準(zhǔn)備好的圖片寬高一樣，然后把這個圖片設(shè)為單元格的背景圖片，設(shè)置完了后，在這個單元格中插入準(zhǔn)
備好的flash了，其中flash的大小規(guī)格也應(yīng)該調(diào)成和單元格一樣大小。用鼠標(biāo)選中flash后，把網(wǎng)頁編輯狀態(tài)由“設(shè)計”
切換到“代碼中，你會看到flash部分在源代碼中都變成了黑色了，代碼實例如下：

在以上代碼中插入這么一段代碼：<param name="wmode" value="transparent">，完整代碼如下：

基于CSS排版　把核心思想把握，在有背景圖片的DIV標(biāo)簽中再插入flash，然后對flash部分加入以上代碼就行了。

在flash的html發(fā)布選項中選windows mode/t ransparent
windowless，發(fā)布為html，插入網(wǎng)頁就可以得到透明的flash的效果。

　　不錯，照這樣的辦法去做，便可以發(fā)布出帶有透明flash的html頁。但是它存在一個問題：所發(fā)布的flash動畫只在與
其同時發(fā)布的html頁中顯示透明效果，而如果用dreamweaver新建一個文件，再將其插入頁面中，保存-->&g
t;f12預(yù)覽我們會發(fā)現(xiàn)它又是不透明的了！這是怎么回事呢？

　　我仔細比較了用flash發(fā)布的html頁和用dreamweaver制作的帶有flash 動畫的兩個html 頁的源代碼：

　　1.用flash發(fā)布的html頁源代碼：

<HTML>
<HEAD>
<TITLE>Movie2</TITLE>
</HEAD>
<BODY bgcolor="#000000">

 ;

</BODY>
</HTML>

　　2.用dreamweaver制作的帶有flash 動畫的html頁的源代碼：

<html>
<head>
<title>Untitled document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

　　請仔細比較分析兩段代碼的<object>標(biāo)記中的<embed>標(biāo)記，我們發(fā)現(xiàn)其中的不同之處：
前者有參數(shù)wmode=transparent而后者卻沒有，這就是影響flash是否透明的關(guān)鍵之所在！

　　請想一下dreamweaver的有關(guān)flash的屬性面板，是否對parameter有印象呢？大家是否知道它的用處呢？

　　現(xiàn)在讓我們用dreamweaver來做透明效果：選中剛才已插入的flash動畫，右擊鼠標(biāo)選擇properties調(diào)出
屬性面板后，再單擊parameter按鈕，在彈出的對話框中點擊加號圖標(biāo)，在左側(cè)的parameter中鍵入wmode在右側(cè)
的value框內(nèi)鍵入transparent點擊ok,按f12進行預(yù)覽,ok!我們所要的透明效果就出現(xiàn)了！

　　先不要激動，我們把這一技巧推廣，它是否能對任何的按flash默認設(shè)置（即不對windows mode/tr ansparent
windowless進行修改）的動畫都奏效呢？經(jīng)過我的實驗證明它是普遍試用的。也就是說在d
reamweaver中插入任何一個flash動畫后，對其進行properties→parameter→wmode→
value=transparent設(shè)置都可以實現(xiàn)flash的透明背景效果。

-------------------------------------------------------------------------------------------------------------