首頁 > web前端 > H5教程 > html標籤之Object與EMBED標籤詳解_html5教學技巧

html標籤之Object與EMBED標籤詳解_html5教學技巧

WBOY
發布: 2016-05-16 15:49:22
原創
2133 人瀏覽過
定義與用法

定義一個嵌入的物件。請使用此元素為您的 XHTML 頁面新增多媒體。此元素可讓您規定插入 HTML 文件中的物件的資料和參數,以及可用來顯示和操作資料的程式碼。

標籤用於包含對象,例如圖像、音訊、視訊、Java applets、ActiveX、PDF 以及 Flash。

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

瀏覽器的物件支援有賴於物件類型。不幸的是,主流瀏覽器都使用不同的程式碼來載入相同的物件類型。

而幸運的是,object 物件提供了解決方案。如果未顯示 object 元素,就會執行位於 之間的程式碼。透過這種方式,我們能夠嵌套多個 object 元素(每個對應一個瀏覽器)。

使用物件(OBJECT)和嵌入(EMBED)標籤
為在瀏覽器中進行Flash影片的播放,HTML文件中必須包含和標籤,並進行參數設定。對EMBED標籤來說,與它一同括在括號中的設定(如HEIGHT, WIDTH, QUALITY和LOOP等)都是它的屬性,例如:
EMBED>
OBJECT標籤有4個設定(HEIGHT, WIDTH, CLASSID和CODEBASE),都是它的屬性。其他設定在HTML文件中都是獨立出現,稱為參數標籤。例如:


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播放器插件的位置,在需要時便於安裝。可選)

取值: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的程式碼範例:


複製程式碼
複製程式碼




複製程式碼




代碼如下:


codebase="http://download.macromedia.com/pubshshromediawock /flash/swflash.cab#version=6,0,40,0" WIDTH="550" HEIGHT="400" id="myMovieName"> NAME="myMovieName" ALIGN="" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
二、為什麼要使用以上全部的標籤?能省略某些標籤不?

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中的相對路徑。類似網頁中的標籤。

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

·傳遞root級變數到影片。字串的格式是用「&」分隔的name=value集。

·瀏覽器支援64kB大小的字串長度。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板