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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。