HTML教程
HTML教程
    • 请登录查看
    阅读(3279)

    HTML 插件

    最后一次修改 2017年08月01日

    HTML 插件

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

    HTML 助手（插件）

    辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。

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

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

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

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

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

    <object> 元素

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

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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<object width="400" height="50" data="/statics/demosource/bookmark.swf"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

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

    实例

    <!DOCTYPE html>
<html>
<body>

<object width="100%" height="500px" data="snippet.html"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    或者插入一张图片:

    实例

    <!DOCTYPE html>
<html>
<body>

<object data="/statics/images/html/logo.png"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    <embed> 元素

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

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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<embed width="400" height="50" src="/statics/demosource/bookmark.swf">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<embed width="100%" height="500px" src="/statics/demosource/snippet.html">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    或者插入一张图片:

    实例

    <!DOCTYPE html>
<html>
<body>

<embed src="/statics/images/html/logo.png">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    HTML 插件

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

    HTML 助手（插件）

    辅助应用程序（helper application）是可由浏览器启动的程序。辅助应用程序也称为插件。

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

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

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

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

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

    <object> 元素

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

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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<object width="400" height="50" data="/statics/demosource/bookmark.swf"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

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

    实例

    <!DOCTYPE html>
<html>
<body>

<object width="100%" height="500px" data="snippet.html"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    或者插入一张图片:

    实例

    <!DOCTYPE html>
<html>
<body>

<object data="/statics/images/html/logo.png"></object>
 
</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    <embed> 元素

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

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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<embed width="400" height="50" src="/statics/demosource/bookmark.swf">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例


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

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

    实例

    <!DOCTYPE html>
<html>
<body>

<embed width="100%" height="500px" src="/statics/demosource/snippet.html">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    或者插入一张图片:

    实例

    <!DOCTYPE html>
<html>
<body>

<embed src="/statics/images/html/logo.png">

</body>
</html>

    运行实例 »

    点击 "运行实例" 按钮查看在线实例

    ← HTML 媒体(Media)
    HTML 音频(Audio) →
    提交