试一试
<object
type="video/mp4"
data="/shared-assets/videos/flower.mp4"
width="250"
height="200"></object>
属性
此元素包含全局属性。
archive已弃用-
一个由空格分隔的 URI 列表,指向对象的资源归档。
border已弃用-
控件周围边框的宽度,单位为像素。
classid已弃用-
对象实现的 URI。它可以与 data 属性一起使用,也可以代替它。
codebase已弃用-
用于解析由 classid、data 或 archive 指定的相对 URI 的基本路径。如果未指定,则默认为当前文档的基本 URI。
codetype已弃用-
由 classid 指定的数据的内容类型。
data-
资源的地址,为一个有效的 URL。data 和 type 必须至少定义一个。
declare已弃用-
该布尔属性的存在使此元素仅作为声明。对象必须由后续的
<object>元素实例化。每次重用资源时,都应完整地重复<object>元素。 form-
对象元素关联的表单元素(若有),即其“表单所有者”。该属性的值必须是同一文档中某个
<form>元素的 ID。 heightname-
有效浏览上下文的名称(HTML5),或控件的名称(HTML 4)。该名称成为
Window和Document对象的属性,其中包含对嵌入窗口或元素本身的引用。 standby已弃用-
一条消息,浏览器可以在加载对象的实现和数据时显示。
type-
由 data 指定的资源的内容类型。data 和 type 必须至少定义一个。
usemap已弃用width
示例
嵌入一个视频
HTML
html
<object
type="video/webm"
data="/shared-assets/videos/flower.webm"
width="600"
height="140">
<img
src="/shared-assets/images/examples/flowers.jpg"
alt="Some beautiful flowers" />
</object>
结果
如果示例中的视频加载失败,将为用户提供一张图片作为后备内容。使用 <img> 标签来显示图片。我们设置了 src 属性,指向要嵌入的图片的路径。我们还设置了 alt 属性,为图片提供一个无障碍名称。如果图片也加载失败,将显示 alt 属性的内容。
技术摘要
规范
| 规范 |
|---|
| HTML # the-object-element |
浏览器兼容性
加载中…