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

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
May 16, 2016 pm 03:49 PM
embedhtmlobject
定義與用法

定義一個嵌入的物件。請使用此元素為您的 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大小的字串長度。
陳述
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
相關文章
H5：如何增強網絡上的用戶體驗H5：如何增強網絡上的用戶體驗Apr 19, 2025 am 12:08 AM

H5通過多媒體支持、離線存儲和性能優化提升網頁用戶體驗。 1）多媒體支持：H5的和元素簡化開發，提升用戶體驗。 2）離線存儲：WebStorage和IndexedDB允許離線使用，提升體驗。 3）性能優化：WebWorkers和元素優化性能，減少帶寬消耗。

解構H5代碼：標籤，元素和屬性解構H5代碼：標籤，元素和屬性Apr 18, 2025 am 12:06 AM

HTML5代碼由標籤、元素和屬性組成：1.標籤定義內容類型，用尖括號包圍，如。 2.元素由開始標籤、內容和結束標籤組成，如內容。 3.屬性在開始標籤中定義鍵值對，增強功能，如。這些是構建網頁結構的基本單位。

了解H5代碼：HTML5的基本原理了解H5代碼：HTML5的基本原理Apr 17, 2025 am 12:08 AM

HTML5是構建現代網頁的關鍵技術，提供了許多新元素和功能。 1.HTML5引入了語義化元素如、、等，增強了網頁結構和SEO。 2.支持多媒體元素和，無需插件即可嵌入媒體。 3.表單增強了新輸入類型和驗證屬性，簡化了驗證過程。 4.提供了離線和本地存儲功能，提升了網頁性能和用戶體驗。

H5代碼：Web開發人員的最佳實踐H5代碼：Web開發人員的最佳實踐Apr 16, 2025 am 12:14 AM

H5代碼的最佳實踐包括：1.使用正確的DOCTYPE聲明和字符編碼；2.採用語義化標籤；3.減少HTTP請求；4.使用異步加載；5.優化圖像。這些實踐能提升網頁的效率、可維護性和用戶體驗。

H5：網絡標準和技術的發展H5：網絡標準和技術的發展Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今，经历了显著的发展。1)HTML5引入了Canvas、WebStorage等API，增强了Web应用的复杂性和互动性。2)CSS3增加了动画和过渡功能，使页面效果更加丰富。3)JavaScript通过Node.js和ES6的现代化语法，如箭头函数和类，提升了开发效率和代码可读性，这些变化推动了Web应用的性能优化和最佳实践的发展。

H5是HTML5的速記嗎？探索細節H5是HTML5的速記嗎？探索細節Apr 14, 2025 am 12:05 AM

H5不僅僅是HTML5的簡稱，它代表了一個更廣泛的現代網頁開發技術生態：1.H5包括HTML5、CSS3、JavaScript及相關API和技術；2.它提供更豐富、互動、流暢的用戶體驗，能在多設備上無縫運行；3.使用H5技術棧可以創建響應式網頁和復雜交互功能。

H5和HTML5：網絡開發中常用的術語H5和HTML5：網絡開發中常用的術語Apr 13, 2025 am 12:01 AM

H5與HTML5指的是同一個東西，即HTML5。 HTML5是HTML的第五個版本，帶來了語義化標籤、多媒體支持、畫布與圖形、離線存儲與本地存儲等新功能，提升了網頁的表現力和交互性。

H5指的是什麼？探索上下文H5指的是什麼？探索上下文Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序，用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

顯示更多

熱門文章

刺客信條陰影：貝殼謎語解決方案
3 週前ByDDD
Windows 11 KB5054979中的新功能以及如何解決更新問題
2 週前ByDDD
在哪裡可以找到原子中的起重機控制鑰匙卡
3 週前ByDDD
節省R.E.P.O.解釋（並保存文件）
1 個月前By尊渡假赌尊渡假赌尊渡假赌
刺客信條陰影 - 如何找到鐵匠，解鎖武器和裝甲定制
4 週前ByDDD
顯示更多

熱工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具，用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

SublimeText3 Linux新版

SublimeText3 Linux新版

SublimeText3 Linux最新版

SublimeText3漢化版

SublimeText3漢化版

中文版，非常好用

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

顯示更多

熱門話題

gmail信箱登陸入口在哪裡
7563
15
CakePHP 教程
1385
52
steam的賬戶名稱是什麼格式
84
11
win11激活密鑰永久
61
19
NYT連接提示和答案
28
99
顯示更多