1、什么是浏览器插件
浏览器插件是一种扩展浏览器标准功能的小型计算机程序
插件用途:
播放音乐 显示地图 验证银行账号 控制输入
使用<object><embed>标签来将插件添加到HTML页面
2、<embed>元素
定义外部内容(非HTML5)的容器
<embed height="100" width="100" src="song.mp3" />
3、<object>元素
使用 <object> 元素
<object tag> 标签也可以定义外部(非 HTML)内容的容器。
下面的代码片段能够显示嵌入网页中的 MP3 文件:
实例
<object height="100" width="100" data="song.mp3"></object>
4、<audio>元素
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<audio controls="controls" >
<source src="../music/Olodum - O Falo Da Fala.mp3" type="audio/mp3"/>
<source src="../music/Olodum - O Falo Da Fala.ogg" type="audio/ogg"/>
Your browser does not support this audio format.
</audio>
</body>
</html>
上面的例子使用了一个 mp3 文件,这样它在 Internet Explorer、Chrome 以及 Safari 中是有效的。
为了使这段音频在 Firefox 和 Opera 中同样有效,添加了一个 ogg 类型的文件。如果失败,会显示错误消息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<audio controls="controls" height="100" width="100">
<source src="../music/Olodum - O Falo Da Fala.mp3" type="audio/mp3"/>
<source src="../music/Olodum - O Falo Da Fala.ogg" type="audio/ogg"/>
<embed height="100" width="100" src="song.mp3" />
</audio>
</body>
</html>
5、链接到一个音乐
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<audio controls="controls" height="100" width="100">
<source src="../music/Olodum - O Falo Da Fala.mp3" type="audio/mp3"/>
<source src="../music/Olodum - O Falo Da Fala.ogg" type="audio/ogg"/>
<embed height="100" width="100" src="song.mp3" />
</audio>
<h1>链接到一个音乐</h1>
<p><a href="../music/Olodum - O Falo Da Fala.mp3">muisic</a></p>
</body>
</html>