第一种:页面代码中的<head></head>之间加入<bgsound src="音乐url" loop="-1">这段代码。 loop指音乐循环的次数，可设置为任意正整数，若设为“-1”的话，音乐将永远循环。
第二种：
在网页代码中的<style></style>标签之间加入一个“Embed”标签，其最简形式就像这样：
<embed src="音乐url" autostart="true" loop="true" width="80" height="20">
不同的是，在这里我们可以设置更多内容，相信内容请看w3scholl手册！
第三种：
使用超链接
例如：<a href="horse.mp3">Play the sound</a>
<script src="http://mediaplayer.yahoo.com/latest"></script>
第四种：
使用 HTML5 <audio>元素
<audio>元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。
例子：
<audio controls>
<source src="horse.mp3" type="audio/mpeg">
<source src="horse.ogg" type="audio/ogg">
Your browser does not support this audio format.
</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"
表示循环播放
。
1、首先打开Sublime Text编辑器新建一个工程，在目录中准备好1个html文件和要插入的音频文件：
2、打开HTML文件，新建一个空的HTML5文档结构，在body标签中插入audio元素，audio元素里面通过source引入音频文件：
3、保存文件以后打开浏浏览器，会在网页中看到音频播放器，点击播放按钮就会自动播放音频了：
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）