第十五节:html音频教程

使用 <embed> 元素

<embed>标签定义外部（非 HTML）内容的容器。（这是一个 HTML5 标签，在 HTML4 中是非法的，但是所有浏览器中都有效）。

下面的代码片段能够显示嵌入网页中的 MP3 文件：
<embed height="50" width="100" src="xxx.mp3">

使用 <object> 元素

<object tag> 标签也可以定义外部（非 HTML）内容的容器。

下面的代码片段能够显示嵌入网页中的 MP3 文件：

<object height="50" width="100" data="xxx.mp3"></object>

object和embed的区别：

1、是为了兼容不同浏览器，IE只支持对Object的解析；火狐，谷歌，Safari只支持对Embed的解析。

2、object标签用clsid表示控件的唯一id，而embed标签用type表示插件的唯一名称。比如flash插件type为：application/x-shockwave-flash，mp3播放插件type为audio/mpeg。

3、为了兼容多个浏览器，可以通过ie浏览器动态加载Object标签，非ie浏览器动态加载embed标签；或者在object标签里面嵌入embed标签。

使用 HTML5 <audio> 元素

<audio src="123.mp3" controls="controls" >

您的浏览器不支持 audio 标签。

</audio>

HTML5 <audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。

The <audio> element works in all modern browsers.

controls控件 autoplay="autoplay" 自动播放

<audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素。 </audio>

可放置不同的音频播放第一个如果播放不了再播放第二个

返回目录在线咨询

上一篇：第十四节:html网站开发下载工具wampserver
下一篇：第十六节：HTML <video> 标签

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

返回顶部
QQ在线
微信二维码