<object>: 外部对象元素

基线 广泛可用

此功能已稳定,可在许多设备和浏览器版本上运行。它在 2015 年 7 月开始支持所有浏览器 2015 年 7 月.

<object> HTML 元素表示外部资源,可以将其视为图像、嵌套浏览上下文或由插件处理的资源。

试一试

属性

此元素包含 全局属性

archive 已弃用

用于对象的资源档案的 URI 列表,用空格隔开。

border 已弃用

控件周围边框的宽度,以像素为单位。

classid 已弃用

对象的实现的 URI。它可以与 data 属性一起使用,也可以代替 data 属性。

codebase 已弃用

用于解析 classiddataarchive 指定的相对 URI 的基本路径。如果未指定,则默认为当前文档的基本 URI。

codetype 已弃用

classid 指定的数据的内容类型。

data

资源的地址,作为有效的 URL。必须定义 datatype 中的至少一个。

declare 已弃用

此布尔属性的存在使此元素仅为声明。对象必须由随后的 <object> 元素实例化。每次重用资源时,请完全重复 <object> 元素。

form

对象元素关联的表单元素(其表单所有者)。属性的值必须是同一文档中 <form> 元素的 ID。

height

显示资源的高度,以 CSS 像素 为单位。 — (仅绝对值。 不使用百分比

name

有效浏览上下文的名称(HTML5),或控件的名称(HTML 4)。

standby 已弃用

浏览器在加载对象的实现和数据时可以显示的消息。

type

data 指定的资源的 内容类型。必须定义 datatype 中的至少一个。

usemap 已弃用

<map> 元素的哈希名称引用;即 '#' 后跟 map 元素的 name 值。

width

显示资源的宽度,以 CSS 像素 为单位。 — (仅绝对值。 不使用百分比

示例

嵌入视频

HTML

html
<object
  type="video/mp4"
  data="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.webm"
  width="600"
  height="140">
  <img src="path/image.jpg" alt="useful image description" />
</object>

结果

如果示例中的视频无法加载,则会向用户提供图像作为回退内容。 <img> 标签用于显示图像。我们包含 src 属性,将其设置为我们要嵌入的图像的路径。我们还包含 alt 属性,该属性为图像提供可访问的名称。如果图像也无法加载,则将显示 alt 属性的内容。

技术摘要

内容类别 流内容短语内容嵌入内容,可感知内容;如果元素具有 usemap 属性,则 交互内容列出可提交 与表单关联 的元素。
允许的内容 零个或多个 <param> 元素,然后是 透明
标签省略 没有,开始和结束标签都是必需的。
允许的父元素 任何接受 嵌入内容 的元素。
隐式 ARIA 角色 没有相应的角色
允许的 ARIA 角色 applicationdocumentimg
DOM 接口 HTMLObjectElement

规范

规范
HTML 标准
# the-object-element

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅