HTML <object>用法及代碼示例

HTML <object> 標簽用於在網頁上嵌入多媒體文件。 <object> 標簽可以包含多媒體文件，例如視頻、音頻、圖像、PDF、Java 小程序或頁麵上的其他頁麵。

HTML <param> 標簽也與 <object> 標簽一起使用，以將參數傳遞給 <object> 標簽中包含的插件。

如果在 <object> 和 </object> 標簽之間插入文本，那麽隻有在瀏覽器不支持 <object> 標簽時才會顯示。

用法

<object data="" type=""></object>

以下是關於 HTML <object> 標簽的一些規範

Display	Inline
開始標簽/結束標簽	開始和結束標簽
Usage	嵌入外部資源

示例

嵌入視頻：

<!DOCTYPE html>
<html>
<head>
<title>Obejct Tag</title>
</head>
<body>
 <h2>Example of Object tag</h2>
 <object height="250" width="500" data="https://www.youtube.com/embed/O5hShUO6wxs"></object>
</body>
</html>

輸出：

嵌入 gif 圖像：

<!DOCTYPE html>
<html>
<head>
<title>Obejct Tag</title>
</head>
<body>
 <h2>Example of Object tag</h2>
 <object height="250" width="500" data="circle.gif">Sorry!,Your browser does not support</object>
</body>
</html>

輸出：

屬性：

Tag-specific 屬性：

屬性	值	描述
data	URL	它指定資源的地址。
type	content_type	它確定由數據指定的資源的內容類型。
archive	URL	它為對象的資源檔案指定了以空格分隔的 URL 列表。 (HTML5 不支持)。
border	pixels	它設置 <object> 周圍邊框的寬度(HTML5 不支持)。
classid	URL	它指定對象實現的 URL。 (HTML5 不支持)。
codebase	URL	它指定查找對象代碼的基本路徑。 (HTML5 不支持)。
form	form_id 它	指定與對象元素關聯的表單元素。
height	pixels	它定義了對象的高度。
width	pixels	它決定了對象的寬度。
typemustmatch	boolean	它指定如果 type 屬性與 data 屬性上提供的資源的實際內容類型匹配，則應嵌入資源。
name	name	它定義了對象的名稱。

全局屬性：

事件屬性：

支持瀏覽器

Element	Chrome	IE	Firefox	Opera	Safari
<object>	Yes	Yes	Yes	Yes	Yes

相關用法

注：本文由純淨天空篩選整理自 HTML <object> tag。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。