DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5詳解 >> html標簽之Object和EMBED標簽詳解
html標簽之Object和EMBED標簽詳解
編輯:HTML5詳解     

定義和用法 

定義一個嵌入的對象。請使用此元素向您的 XHTML 頁面添加多媒體。此元素允許您規定插入 Html 文檔中的對象的數據和參數,以及可用來顯示和操作數據的代碼。 

<object> 標簽用於包含對象,比如圖像、音頻、視頻、Java applets、ActiveX、PDF 以及 Flash。 

object 的初衷是取代 img 和 applet 元素。不過由於漏洞以及缺乏浏覽器支持,這一點並未實現。 

浏覽器的對象支持有賴於對象類型。不幸的是,主流浏覽器都使用不同的代碼來加載相同的對象類型。 

而幸運的是,object 對象提供了解決方案。如果未顯示 object 元素,就會執行位於 <object> 和 </object> 之間的代碼。通過這種方式,我們能夠嵌套多個 object 元素(每個對應一個浏覽器)。 

使用對象(OBJECT)和嵌入(EMBED)標簽 
為在浏覽器中進行Flash影片的播放,Html文檔中必須包含和標簽,並進行參數設置。對EMBED標簽來說,與它一同括在括號中的設定(如HEIGHT, WIDTH, QUALITY和LOOP等)都是它的屬性,例如: 
<EMBED SRC="movIEname.swf" WIDTH="100" HEIGHT="100" PLAY="true" LOOP="true" QUALITY="high" PLUGINSPAGE="http://www.Macromedia.com/shockwave/download/ index.CGI?P1_Prod_Version=ShockwaveFlash"> </EMBED> 
OBJECT標簽有4個設定(HEIGHT, WIDTH, CLASSID和CODEBASE),都是它的屬性。其他設定在Html文檔中都是獨立出現,稱之為參數標簽。例如: 
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" WIDTH="100" HEIGHT="100"CODEBASE="http://active.Macromedia.com/flash4/cabs/ swFlash.cab#version=4,0,0,0"> <PARAM NAME="MOVIE" VALUE="movIEname.swf"> <PARAM NAME="PLAY" VALUE="true"> <PARAM NAME="LOOP" VALUE="true"> <PARAM NAME="QUALITY" VALUE="high"> </OBJECT> 

SRC 
取值:影片名稱(如movIEName.swf)。 
對應的模版變量:$MO 
功能描述:指定要載入影片的名稱,僅適用於“EMBED”標志中。 

MOVIE 
取值:影片名稱(如movIEName.swf)。 
對應的模版變量:$MO 
功能描述:指定要載入影片的名稱,僅適用於“OBJECT”標志中。 

CLASSID 
取值:clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 
功能描述:指明浏覽器所用的ActiveX控件,必須完全與上面的值相同,僅適用於“OBJECT”標志中。 

WIDTH 
取值:數字或百分數。 
對應的模版變量:$WI. 
功能描述:以像素數或浏覽器窗口寬度的百分數形式指定影片的寬度。 

HEIGHT 
取值:數字或百分數。 
對應的模版變量:$HE 
功能描述:以像素數或浏覽器窗口高度的百分數形式指定影片的高度。 

因為Flash影片是可縮放的,所以在保持長寬比的前提下改變影片幅面的大小不會使影片的顯示質量降低。 

CODEBASE 
取值:http://active.Macromedia.com/flash4/cabs/swFlash.cab 
#version=4,0,0,0" 

功能描述:指明Flash播放器的ActiveX控件的位置,當浏覽器未安裝它時,可自動到該位置下載。所賦的值必須完全與上面的值相同。僅適用於“OBJECT”標志中。 

PLUGINSPAGE 
取值:http://www.Macromedia.com/shockwave/download/ index.CGI? 
P1_Prod_Version=ShockwaveFlash 
功能描述:指明Flash播放器插件的位置,在需要時便於安裝。所賦的值必須完全與上面的值相同。僅適用於“EMBED”標志中。 

SWLIVECONNECT(可選) 
取值:true或false. 
功能描述:用於確定在第一次載入Flash播放器時是否啟動Java,當該項被省略時取默認值False。無論什麼時候只要在同一頁面中包含JavaScript程序和Flash,為使“FS Commands”語句起作用,必須運行Java,但如果頁面中的Javascript程序僅用來實現監測浏覽器的類型或其他與“FS Commands”語句無關的功能,則可以把SWLIVECONNECT置為false以阻止Java的啟動,要啟動Java,可顯式地將SWLIVECONNECT 置為true,這將大大增加影片開始播放過程所用的時間。僅適用於“EMBED”標志中。 

PLAY(可選) 
取值:true或false. 
對應的模版變量:$PL. 
功能描述:用於指定當影片下載到浏覽器之後是否立即播放。如果影片中包含交互元素,也許需要被演示者的相關操作來啟動播放,這時可將該屬性置為false來阻止影片的自動播放,該屬性被省略時將按默認值true執行。 

LOOP(可選) 
取值:true或false。 
對應的模版變量:$LO. 
功能描述:指定影片是重復播放還是播放一遍後停止。該屬性被省略時將按默認值true執行。 

QUALITY(可選) 
取值:low、high、autolow、autohig或best。 
對應的模版變量:$QU. 
功能描述:見前述。 

該屬性被省略時將按默認值high執行。 

BGCOLOR(可選) 
取值:#RRGGBB(16進制的RGB值)。 
對應的模版變量:$BG 
指定影片的背景色,該屬性可取代Flash影片文件中背景色的設定,但不影響影片所在Html頁的背景色設定。 

SCALE(可選) 
取值:showall、noborder、exactfit. 
對應的模版變量:$SC. 
功能描述:當寬度和高度值以百分數表示時,確定影片被如何放置在浏覽器窗口中。選項有以下幾個: 

“Show all” (默認值)在指定尺寸的區域中顯示整個影片的內容並保持與原影片相同的長寬比例,影片內容不發生變形。 
“No Border”在維持影片長寬比例的情況下填充指定區域,影片內容不發生變形,但影片的部分內容可能顯示不出來。 
“Exact Fit”使整個影片在指定區域可見,因為此時不再維持原有的長寬比例,所以影片有可能變形。 

該屬性被省略(且寬度和高度值以百分數表示時)時將按默認值showall 執行。 

ALIGN 
取值:L、R 、T、B. 
對應的模版變量:$HA. 
功能描述:設置“OBJECT”、“EMBED”和“IMG”標簽中的“ALIGN”屬性,決定影片在浏覽器窗口中的位置。 

省略時使影片置於浏覽器窗口的中央,如果浏覽器窗口尺寸比影片所占區域尺寸小,將調整浏覽器窗口尺寸,使影片正常顯示。 

“L”值使影片與浏覽器窗口的左邊對齊,如果浏覽器窗口不足以容納影片,將調整窗口的上下邊和右邊。 
“R”值使影片與浏覽器窗口的右邊對齊,如果浏覽器窗口不足以容納影片,將調整窗口的上下邊和左邊。 
“T” 值使影片與浏覽器窗口的頂邊對齊,如果浏覽器窗口不足以容納影片,將調整窗口的左右邊和底邊。 
“B” 值使影片與浏覽器窗口的底邊對齊,如果浏覽器窗口不足以容納影片,將調整窗口的左右邊和頂邊。

SALIGN(可選) 
取值:L 、R 、T、 B、TL、TR、BL、BR. 
對應的模版變量:$SA 
功能描述:用於確定經縮放的影片在一指定寬高尺寸的區域中如何放置。各種取值的含義可參見上一項。 

BASE(可選) 
取值:基准路徑或URL。 
功能描述:用於指定影片中所用到的相對路徑的基准位置。 

MENU(可選) 
取值:true、false. 
對應的模版變量:$ME. 
功能描述:用於指定在浏覽器中當對影片所占區域右擊鼠標(對Windows)或按住“command”鍵單擊鼠標(對Macintosh)時出現的快捷菜單的類型。 
“True”值將顯示整個菜單,允許被演示者對放映過程進行多種控制。 
“False”值將顯示只包含“About Flash”菜單項的菜單。 

該屬性被省略時將按默認值“true”執行。 

WMODE(可選) 
取值:Window、Opaque、Transparent. 
對應的模版變量:$WM. 
功能描述:該參數僅在有Flash Active X空間的Windows系統中適用。 

“Window”值使得影片在網頁中指定的位置播放,這也是幾種選項中播放速度最快的一種。 
“Opaque Windowless”值將擋住網頁上影片後面的內容。 
“Transparent”值使得網頁上影片中的透明部分顯示網頁的內容與背景,有可能降低動畫速度。 

該屬性被省略時將按默認值“Window”執行,只能用在Object標記中。 

一、介紹: 

我們要在網頁中正常顯示flash內容,那麼頁面中必須要有指定flash路徑的標簽。也就是OBJECT和EMBED標簽。OBJECT標簽是用於windows平台的IE浏覽器的,而EMBED是用於windows和Macintosh平台下的Netscape Navigator浏覽器以及Macintosh平台下的IE浏覽器。Windows平台的IE利用Activex控件來播放flash而其它的浏覽器則使用Netscape插件技術來播放Flash。 

下面是簡單的網頁中插入Flash的代碼示例: 


 

復制代碼代碼如下:
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.Macromedia.com/pub/shockwave/cabs/flash/swFlash.cab#version=6,0,40,0" 
WIDTH="550" HEIGHT="400" id="myMovIEName"> 
<PARAM NAME=movIE VALUE="myFlashMovIE.swf"> 
<PARAM NAME=quality VALUE=high> 
<PARAM NAME=bgcolor VALUE=#FFFFFF> 
<EMBED src="http://www.doFlash.Net/"/support/flash/ts/documents/myFlashMovIE.swf"" quality=high bgcolor=#FFFFFF WIDTH="550" HEIGHT="400" 
NAME="myMovIEName" ALIGN="" TYPE="application/x-shockwave-Flash" 
PLUGINSPAGE="http://www.Macromedia.com/go/getFlashplayer"> 
</EMBED> 
</OBJECT> 
 


二、為什麼要使用以上全部的標簽?能省略某些標簽不? 

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

EMBED標簽是用於Netscape Navigator2.0及以後的浏覽器或其它支持Netscape插件的浏覽器。“pluginspage”屬性告訴浏覽器下載flash player的地址,如果還沒有安裝Flash player的話,用戶安裝完後需要重啟浏覽器才能正常使用。 

為了確保大多數浏覽器能正常顯示flash,你需要把EMBED標簽嵌套放在OBJECT標簽內,就如上面代碼例子一樣。支持Activex控件的浏覽器將會忽略OBJECT標簽內的EMBED標簽。Netscape和使用插件的IE浏覽器將只讀取EMBED標簽而不會識別OBJECT標簽。也就是說,如果你省略了EMBED標簽,那Firefox就不能識別你的flash了(不過納悶的是,省略了object只寫embed,IE也能正常顯示Flash,呵呵,具體的再仔細看看了)。 

下面列出了用於發布影片的OBJECT和EMBED標簽的必要以及可選屬性。 

一、必需屬性: 

·CLASSID-設置浏覽器的Activex控件,僅用於OBJECT標簽。 

·CODEBASE-設置Flash Activex控件的位置,因而如果浏覽器如果沒有安裝的話,可以自動下載安裝。僅用於OBJECT標簽。 

·WIDTH-以百分比或象素指定Flash影片的寬度。 

·HEIGHT-以百分比或象素指定Flash影片的高度。 

·SRC-指定影片的下載地址。僅用於EMBED標簽。 

·PLUGINSPAGE-設置Flash 插件的位置,因而如果浏覽器如果沒有安裝的話,可以自動下載安裝。僅用於EMBED標簽。 

·MOVIE-指定影片的下載地址。僅用於OBJECT標簽。 

二、可選屬性及可用的值: 

·ID-設定變量名,用於腳本代碼的引用。僅用於OBJECT。 

·NAME -設定變量名,用於腳本代碼(如Javascript)的引用。僅用於EMBED。 

·SWLIVECONNECT - (true或false)指定當Flash player第一次下載時,是否啟用java。如果些屬性省略,默認值為false。你果你在相同頁同使用Javascript和Flash,Java必須使用FSCommand來工作。 

·PLAY -(true或false)指定Flash影片是否在下載完成後就自動播放,如果省略此屬性,則默認為true。 

·LOOP - (true或false)指定影片播放完最後一幀後是停止還是繼續循環播放,如果省略此屬性,則默認為true。 

·MENU - (true或false) 

·True 顯示全部的菜單,允許用戶放大,縮小等控制影片播放等操作。 

·False 顯示只包含設置選項和關於Flash的菜單。 

·QUALITY - (low, high, autolow, autohigh, best ) 

·Low 速度優於美觀,而且不應用反鋸齒。 

·Autolow 剛開始著重於速度,但當需要時隨時提升美觀。 

·Autohigh 同時著重播放速度和美觀,但需要時則犧牲美觀來保證播放速度。 

·Medium 應用一些反鋸齒而不平滑位圖。它質量高於low設置而低於high設置。 

·High 美觀優於播放速度,而且一直應用反鋸齒。如果影片不包含動畫,位圖會被平滑化;而如果影片包含動畫,位圖將不變平滑。 

·Best 提供最好的顯示質量而不考慮播放速度。所有輸出都應用反鋸齒及所有位圖都被平滑化。 

·SCALE - (showall, noborder, exactfit) 

·Default(Show all)影片在指定的區域內顯示,但保持原始的比例。影片兩側將會出現邊框。 

·No Boder 收縮影片以適合指定的區域,保持影片不失真,但部分影片將可能將裁切。然而保持影片的原始比例。 

·Exact Fit 使整個影片在指定的區域內顯示,影片有可能變形失真,而且不保持原始的比例。 

·ALIGN - (l, t, r, b) 

·默認為居中,當浏覽器窗口小於影片時,邊緣會被裁切。 

·Left,Right,Top,Bottom按照相應的設置沿浏覽器的邊緣對齊。如果需要,另外三邊將被裁切。 

·SALIGN - (l, t, r, b, tl, tr, bl, br) 

·L,R,T,B 

·TL,TR 

·BL,BR 

·WMODE- (window, opaque, transparent) 設置flash影片的window mode屬性,指定Flash在浏覽器中的透明,層疊及位置。 

·Window 影片在浏覽器中自己的矩形窗口內播放。 

·Opaque 影片隱藏了所有在它後面的內容。 

·Transparent 使Flash影片透明,顯示透明影片後面的網頁內容。這將會降低動畫的性能。而且這個屬性不是在所有浏覽器中都可用的。 

·BGCOLOR - (#RRGGBB, 十六進制RGB值。)指定影片的背景顏色。使用這個屬性覆蓋Flash中設定的背景顏色。 

·BASE - 設定基准目錄或URL,用來解決所以Flash中的相對路徑。類似網頁中的<base>標簽。 

·FLASHVARS 傳遞變量到flash player,需要Flash player6及以後的版本。 

·傳遞root級變量到影片。字符串的格式是用“&”分隔的name=value集。 

·浏覽器支持64kB大小的字符串長度。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved