首页 » HTML5 » 浏览器插件

浏览器插件

原文 http://blog.csdn.net/gloria_chenjing/article/details/78429511

2017-11-03 02:00:45阅读(248)

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>

上面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败,代码将回退尝试 <embed> 元素。

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>

最新发布

CentOS专题

关于本站

5ibc.net旗下博客站精品博文小部分原创、大部分从互联网收集整理。尊重作者版权、传播精品博文,让更多编程爱好者知晓!

小提示

按 Ctrl+D 键,
把本文加入收藏夹