HTML <object> 标签用于在网页上嵌入多媒体文件。<object> 标签可以包含多媒体文件,例如视频、音频、图像、PDF、Java 小程序或页面上的其他页面。
HTML <param> 标签也与 <object> 标签一起使用,以将参数传递给 <object> 标签中包含的插件。
如果在 <object> 和 </object> 标签之间插入文本,那么只有在浏览器不支持 <object> 标签时才会显示。
<object data="" type=""></object>
以下是关于 HTML <object> 标签的一些规范
展示 | 排队 |
开始标签/结束标签 | 开始和结束标签 |
用法 | 嵌入外部资源 |
嵌入视频:
<!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>
输出:
属性 | 属性值 | 描述 |
---|---|---|
data | URL | 它指定资源的地址。 |
type | content_type | 它确定由数据指定的资源的内容类型。 |
archive | URL | 它为对象的资源档案指定了以空格分隔的 URL 列表。(HTML5 不支持)。 |
border | pixels | 它设置 <object> 周围边框的宽度(HTML5 不支持)。 |
classid | URL | 它指定对象实现的 URL。(HTML5 不支持)。 |
codebase | URL | 它指定查找对象代码的基本路径。(HTML5 不支持)。 |
form | form_id It | 指定与对象元素关联的表单元素。 |
height | pixels | 它定义了对象的高度。 |
width | pixels | 它决定了对象的宽度。 |
typemustmatch | boolean | 它指定如果 type 属性与 data 属性上提供的资源的实际内容类型匹配,则应嵌入资源。 |
name | name | 它定义了对象的名称。 |
<object> 标签支持 HTML 中的全局属性
<object> 标签支持 HTML 中的事件属性。
元素 | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
<object> | Yes | Yes | Yes | Yes | Yes |