HTML 插件

前言

  • 插件的功能是扩展 HTML 浏览器的功能。

1、插件(插件助手)

  • 辅助应用程序(helper application)是可由浏览器启动的程序,辅助应用程序也称为插件。

  • 辅助程序可用于播放音频和视频(以及其他)。辅助程序是使用 <object> 标签来加载的。

  • 使用辅助程序播放视频和音频的一个优势是,您能够允许用户来控制部分或全部播放设置。

  • 插件可以通过 <object> 标签或者 <embed> 标签添加在页面中。

  • 大多数辅助应用程序允许对音量设置和播放功能(比如后退、暂停、停止和播放)的手工(或程序的)控制。

  • 我们可以使用 <video><audio> 标签来显示视频和音频。

2、多媒体标签

标签 描述 备注 🔗
<embed /> 定义内嵌对象。HTML4 中不赞成,HTML5 中允许 H5 新加 🔗
<object> </object> 定义内嵌对象 🔗
<param /> 定义对象的参数 🔗
<audio> </audio> 定义了声音内容 H5 新加 🔗
<video> </video> 定义一个视频或者影片 H5 新加 🔗
<source /> 定义了 media 元素的多媒体资源(<video><audio>) H5 新加 🔗
<track /> 规定 media 元素的字幕文件或其他包含文本的文件 (<video><audio>) H5 新加 🔗

3、属性

3.1 < embed > 标签属性

属性 描述 备注 🔗
height pixels 规定嵌入内容的高度 H5 新加 🔗
src URL 规定被嵌入内容的 URL H5 新加 🔗
type MIME_type 规定嵌入内容的 MIME 类型。
注:MIME = Multipurpose Internet Mail Extensions
H5 新加 🔗
width pixels 规定嵌入内容的宽度 H5 新加 🔗

3.2 < object > 标签属性

属性 描述 备注 🔗
align top
bottom
middle
left
right
HTML5 不支持HTML 4.01 已废弃。规定 元素相对于周围元素的对齐方式 🔗
archive URL HTML5 不支持。由空格分隔的指向档案文件的 URL 列表。这些档案文件包含了与对象相关的资源
border pixels HTML5 不支持HTML 4.01 已废弃。规定 周围的边框宽度 🔗
classid class_ID HTML5 不支持。定义嵌入 Windows Registry 中或某个 URL 中的类的 ID 值,
此属性可用来指定浏览器中包含的对象的位置,通常是一个 Java 类
codebase URL HTML5 不支持。定义在何处可找到对象所需的代码,提供一个基准 URL
codetype MIME_type HTML5 不支持。通过 classid 属性所引用的代码的 MIME 类型
data URL 规定对象使用的资源的 URL 🔗
declare declare HTML5 不支持。定义该对象仅可被声明,但不能被创建或例示,直到该对象得到应用为止
form form_id 规定对象所属的一个或多个表单 H5 新加 🔗
height pixels 规定对象的高度 🔗
hspace pixels HTML5 不支持HTML 4.01 已废弃。规定对象左侧和右侧的空白 🔗
name name 为对象规定名称 🔗
standby text HTML5 不支持。定义当对象正在加载时所显示的文本
type MIME_type 规定 data 属性中规定的数据的 MIME 类型 🔗
usemap #mapname 规定与对象一同使用的客户端图像映射的名称 🔗
vspace pixels HTML5 不支持HTML 4.01 已废弃。规定对象的顶部和底部的空白 🔗
width pixels 规定对象的宽度 🔗

4、< embed > 元素

  • 所有主流浏览器都支持 <embed> 元素。

  • <embed> 元素表示一个 HTML Embed 对象 。

  • <embed> 元素已经出现很长一段时间了,但是在 HTML5 前并未被详细说明,该元素在 HTML 5 页面上会被验证,在 HTML 4 上不会。

  • 注意:<embed> 元素没有关闭标签。 不能使用替代文本。

4.1 插入对象

  • 示例

    1
    <embed src="https://demo.qianchia.com/media/video/demo1.mp4" width="480" height="270" />
  • 效果

4.2 包含 HTML 文件

  • <embed> 元素同样可用于包含 HTML 文件。

  • 示例

    1
    <embed src ="https://blog.qianchia.com/index.html" width="900" height="300" />
  • 效果

4.3 插入图片

  • 或者插入一张图片。

  • 示例

    1
    <embed src="https://demo.qianchia.com/media/image/demo1.png" />
  • 效果

5、< object > 元素

  • 所有主流浏览器都支持 <object> 标签。

  • <object> 元素定义了在 HTML 文档中嵌入的对象。

5.1 插入对象

  • 该标签用于插入对象 (例如在网页中嵌入 Java 小程序, PDF 阅读器, Flash 播放器) 。

  • 示例

    1
    <object data="https://demo.qianchia.com/media/video/demo1.mp4" width="480" height="270"></object>
  • 效果

5.2 包含 HTML 文件

  • <object> 元素同样可用于包含 HTML 文件。

  • 示例

    1
    <object data="https://blog.qianchia.com/index.html" width="900" height="300"></object>
  • 效果

5.3 插入图片

  • 或者插入一张图片。

  • 示例

    1
    <object data="https://demo.qianchia.com/media/image/demo1.png"></object>
  • 效果

文章目录
  1. 1. 前言
  2. 2. 1、插件(插件助手)
  3. 3. 2、多媒体标签
  4. 4. 3、属性
    1. 4.1. 3.1 < embed > 标签属性
    2. 4.2. 3.2 < object > 标签属性
  5. 5. 4、< embed > 元素
    1. 5.1. 4.1 插入对象
    2. 5.2. 4.2 包含 HTML 文件
    3. 5.3. 4.3 插入图片
  6. 6. 5、< object > 元素
    1. 6.1. 5.1 插入对象
    2. 6.2. 5.2 包含 HTML 文件
    3. 6.3. 5.3 插入图片
隐藏目录