您的位置：首页 > Web前端 > HTML

HTML音频

2016-04-04 13:43 561 查看

使用embed元素插入音频，参数为src

<embed height="100" width="300" src="http://www.w3school.com.cn/i/horse.mp3"></embed>

使用object元素插入音频，参数为data

<object height="100" width="300" data="http://www.w3school.com.cn/i/horse.mp3"></object>

用HTML5的audio元素

<audio controls="controls">
<source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">
<source src="http://www.w3school.com.cn/i/song.ogg" type="audio/ogg"> <!-- for supporting Firefox, Opera -->
Your browser does not support the audio element.
</audio>

佳实践，如果HTML5失败，则尝试embed元素

<audio controls="controls">
<source src="http://www.w3school.com.cn/i/song.mp3" type="audio/mpeg">
<source src="http://www.w3school.com.cn/i/song.ogg" type="audio/ogg">
<embed height="100" width="100" src="http://www.w3school.com.cn/i/song.mp3" /> <!-- for the browser which not supports 'audio' tag -->
</audio>

使用雅虎播放器

<p><a href="http://www.w3school.com.cn/i/song.mp3">播放 mp3</a></p>
<p><a href="http://www.w3school.com.cn/i/bird.wav">播放 wav</a></p>
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

更多请参考：W3School

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html embed object audio script

相关文章推荐

新的分享

章节导航