📜  HTML |<object>数据属性(1)

📅  最后修改于: 2023-12-03 15:31:15.537000             🧑  作者: Mango

HTML | 数据属性

HTML中的<object>元素允许嵌入HTML页面中的外部资源,如嵌入视频、音频、Flash等。数据属性是<object>元素中的一种属性,用于指定<object>元素所嵌入的资源的URL地址。

语法

<object>元素的数据属性具有以下语法:

<object data="URL">
  <!--fallback content-->
</object>

其中:

  • data:必需。指定所嵌入的资源的URL地址。可以是任何浏览器支持的媒体类型,如<iframe><img><video><embed>等。
  • fallback content:可选。指定当浏览器无法加载所嵌入的资源时显示的替代内容。可以是文本、图像等内容。
示例

下面是一个嵌入视频的示例:

<object data="https://www.w3schools.com/html/mov_bbb.mp4" width="320" height="240">
  <param name="autoplay" value="true">
  <param name="loop" value="true">
  <param name="controls" value="true">
  <p>Your browser does not support HTML video.</p>
</object>

在这个示例中,data属性指定了要嵌入的视频的URL地址。如果您的浏览器支持HTML5 video,则视频会被嵌入并自动播放,否则将显示后备内容“Your browser does not support HTML video.”。

总结

<object>元素的数据属性是一个用于指定嵌入在HTML页面中的外部资源的URL地址的属性,可以嵌入任何浏览器支持的媒体类型。在指定资源URL的同时,建议编写备份内容以防止某些浏览器无法显示资源。