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 > 标签属性

• <embed> 标签支持 HTML 全局属性。

• <embed> 标签支持 HTML 事件属性。

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

3.2 < object > 标签属性

• <object> 标签支持 HTML 全局属性。

• <object> 标签支持 HTML 事件属性。

属性	值	描述	备注	🔗
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 插入对象

• 示例

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

• 效果

4.2 包含 HTML 文件

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

• 示例

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

• 效果

4.3 插入图片

• 或者插入一张图片。

• 示例

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

• 效果

5、< object > 元素

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

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

5.1 插入对象

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

• 示例

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

• 效果

5.2 包含 HTML 文件

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

• 示例

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

• 效果

5.3 插入图片

• 或者插入一张图片。

• 示例

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

• 效果