audio 元素支持三种音频格式 | IE 9 | Firefox 3.5 | Opera 10.5 | Chrome 3.0 | Safari 3.0 |
---|---|---|---|---|---|
Ogg Vorbis | √ | √ | √ | ||
MP3 | √ | √ | √ | ||
Wav | √ | √ | √ |
1、设置一个ogg格式的文件
<audio src="song.ogg" controls="controls">
您的浏览器不支持 audio 标签。
</audio>
执行如下:
当浏览器不支持ogg格式时则显示“您的浏览器不支持 audio 标签。”。
2、设置多种格式
<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
您的浏览器不支持 audio 标签。
</audio>
<audio> 标签的属性如下:
controls/controls="controls" 显示播放按钮
autoplay/autoplay="autoplay" 立即播放
loop/loop="loop" 循环播放
muted/muted="muted" 静音
preload/preload="preload" 加载视频d
隐藏下载按钮 controlsList="nodownload"
禁用右键 oncontextmenu="return false"
其余只需调整宽度即可 style="100px"
只显示播放按钮
<div style="45px;overflow: hidden">
<audio src="/i/horse.ogg" controls="controls">TEST</audio>
<div>