HTML 基础教程

HTML 媒体

HTML 参考手册

HTML5 基础教程

HTML5 API

HTML5 媒体

HTML 插件

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

HTML 助手（插件）

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

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

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

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

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

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

<object> 元素

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

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

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

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<object width="400" height="50" data="/run/html/bookmark.swf"></object>
 
</body>
</html>
测试看看 ‹/›
<object> 元素同样可用于包含HTML文件：

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<object width="100%" height="500px" data="/run/demo_iframe.html"></object>
 
</body>
</html>
测试看看 ‹/›

或者插入一张图片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<object data="/static/images/logo-n.png"></object>
 
</body>
</html>
测试看看 ‹/›

<embed> 元素

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

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

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

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<embed width="400" height="50" src="/run/html/bookmark.swf">

</body>
</html>
测试看看 ‹/›

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

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

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<embed width="100%" height="500px" src="/run/demo_iframe.html">

</body>
</html>
测试看看 ‹/›

或者插入一张图片:

示例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>基础教程(cainiaojc.com)</title> 
</head>
<body>

<embed src="/static/images/logo-n.png">

</body>
</html>
测试看看 ‹/›

HTML 视频（Video）播放HTML 媒体(Media)