插件的功能是扩展 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>大卫编程网(div.cn)</title> </head> <body> <object width="400" height="50" data="https://cdn.div.cn/static/uploads/code/2023-02-21/61f9f5a8329341d9f357f7f750a238d8.jpg"></object> </body> </html>测试看看 ‹/›
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大卫编程网(div.cn)</title> </head> <body> <object width="100%" height="500px" data="https://cdn.div.cn/static/uploads/code/2023-02-21/492dfeacd13308eb3206618c633f187c.jpg"></object> </body> </html>测试看看 ‹/›
或者插入一张图片:
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大卫编程网(div.cn)</title> </head> <body> <object data="https://cdn.div.cn/static/uploads/code/2023-02-16/55009b9858a85706f98480bb68b8fa9f.png"></object> </body> </html>测试看看 ‹/›
<embed> 元素
所有主流浏览器都支持 <embed> 元素。
<embed> 元素表示一个 HTML Embed 对象 。
<embed> 元素已经出现很长一段时间了，但是在 HTML5 前并未被详细说明，该元素在 HTML 5 页面上会被验证，在 HTML 4 上不会。
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大卫编程网(div.cn)</title> </head> <body> <embed width="400" height="50" src="https://cdn.div.cn/static/uploads/code/2023-02-21/61f9f5a8329341d9f357f7f750a238d8.jpg"> </body> </html>测试看看 ‹/›
| 注意 <embed> 元素没有关闭标签。 不能使用替代文本。 |
<embed> 元素同样可用于包含 HTML 文件：
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大卫编程网(div.cn)</title> </head> <body> <embed width="100%" height="500px" src="https://cdn.div.cn/static/uploads/code/2023-02-21/492dfeacd13308eb3206618c633f187c.jpg"> </body> </html>测试看看 ‹/›
或者插入一张图片:
示例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>大卫编程网(div.cn)</title> </head> <body> <embed src="https://cdn.div.cn/static/uploads/code/2023-02-16/55009b9858a85706f98480bb68b8fa9f.png"> </body> </html>测试看看 ‹/›