<audio controls>
type:指定文件类型
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
</audio>
对应的参数属性如下图：
HTML代码中插入音乐播放器，大致有四种风格，代码如下：白色普通播放器代码：
<EMBED height=45 type=audio/mpeg width=300 src=音乐地址 volume="0" loop="-1"></EMBED>
黑色播放器代码：
<EMBED style="FILTER: Xray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
灰色播放器代码：
<EMBED style="FILTER: Gray" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>
棕色播放器代码：
<EMBED style="FILTER: Invert" src=音乐地址 width=300 height=45 type=audio/mpeg loop="-1" volume="0"></EMBED>注：代码中SRC对应音乐地址、width和height控制播放器的大小、volume="0"
表示设定的音量大小，数值大小在0--100之间
、
loop="-1"
表示循环播放
。
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<title>播放器</title>
<style>
</style>
</head>
<body>
<audio id="music01" src="G.E.M.邓紫棋 - 红蔷薇白玫瑰.mp3" loop="loop">你的浏览器不支持audio标签。</audio>
<a href="javascript:playPause()"><img src="1.jpg" width="50" height="50" id="music_btn01" border="0"></a>
</body>
<script>
function playPause() {
var music = document.getElementById('music01')
var music_btn = document.getElementById('music_btn01')
if (music.paused){
music.play()
music_btn.src = '1.jpg' //播放图片
}
else{
music.pause()
music_btn.src = '1.jpg' //暂停图片
}
}
</script>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）