全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:15165206905

第十五节: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>

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


您的项目需求

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