1打开Sublime Text工具，准备好如下图所示的目录结构，目录里面包括要插入的音频文件和一个html文件2打开HTML文件，新建一个空的HTML5文档结构，如下图所示，注意编码一定设置为UTF83接下来在body标签中插入audio元素，audio元素里面通过source引入音频文件，如下图所示，注意文件的类型要写对；以下是我亲自测试过可以达到你要的效果的代码，细节需要你调整定时器的时间间隔和每次音量改变幅度下面是HTML部分的写法 ltbody ltaudio id=quotplayerquot src=quot这里是你要播放的音乐mp3quotltaudio ltbutton type=quotbuttonquot onclick=quotfadeInquot播放ltbutton ltbutton type=quotbuttonquot onclick=quot。

第一种在页面代码中的ltstyleltstyle之间加入ltbgsound src=quot音乐urlquot loop=quot1quot 这段代码 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远循环 这种背景音乐是打开叶子后直接播放的，在网页上不会有显示这是最简单的一种 第二种这种方法；在HTML5 标准出现以前，程序员无法想使用a标签一样，轻松的播放音频文件HTML5为解决这个问题，提供了一个新的标签audio，让程序员无须再大量的使用flash播放音频文件了在HTML5 标准出现以前，程序员无法想使用a标签一样，轻松的播放音频文件HTML5为解决这个问题，提供了一个新的标签audio，让程序员。

IOS不允许自动播放背景音乐android的话javascript可以使用ltaudio标签，然后在下方增加一段该标签的play动作例如 ltaudio id=quotbgaudioquot src=quotsoundwavquotltaudio ltscript type=quottextjavascriptquot documentgetElementById#39bgaudio#39playltscript；html标签直接写audio标签，ltaudio loop controls src=quot。

html5添加音乐代码

1、ltbody ltbgsound src=quot你要播放的音乐urlquot ltbody 2广泛兼各种浏览器的方法 ltembed src=quot背景音乐的路径quotloop=“是否循环播放”ltembed 3插入一个flash播放器，然后播放相应的音乐个人不推荐这种方法，因为flash已经没前途了，比如，现在的手机浏览器几乎都不直接支持flash了4用HTML5。

2、第一种页面代码中的ltheadlthead之间加入ltbgsound src=quot音乐urlquot loop=quot1quot 这段代码 loop指音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远循环第二种在网页代码中的ltstyleltstyle标签之间加入一个“Embed”标签，其最简形式就像这样ltembed src=quot音乐urlquot。

3、实现控制网站背景音乐的播放暂停在html5中是非常容易和简单的，仅仅几行代码即可实现 首先在网页中嵌入背景音乐，html5代码为 通过audio的id即可控制音乐的播放play和暂停pause，同时通过改变class改变按钮的背景图片，js代码为。

4、记录几个给网站添加背景音乐的HTML5代码，稍微总结一下 方式一这种方式会显示播放器ltvideo controls=quotquot autoplay=quotquot name=quotmediaquotltsource src=quot音乐quot type=quotaudiompegquotltvideo 方式二这个方式主要是支持的播放器多一定程度上解决了浏览器兼容的问题ltembed src=quotmusicWe Don#39。

5、HTML5中的video和audio标签中有一个autoplay属性，添加这个属性后就会在文件加载完成以后自动播放具体代码如下videoltvideo autoplay=quotautoplayquot ltsource src=quot视频路径quot ltvideoaudioltaudio autoplay=quotautoplayquot ltsource src=quot视频路径quot ltaudio除此属性外还有如下属性controls。

6、1首先我们创建一个简单的网页，网页上只有一个DIV，DIV里有一段文本内容代码如图2要为网页添加背景音乐，我们可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的embed src=quotttmp3quot hidden=quottruequot3因为是背景音乐，所以这个多媒体控件需要隐藏，embed标签添加了hidden隐藏属性。

html播放音乐代码

HTML代码，其中使用HTML5标签有audioinput中type=quotrangequot标签“播放列表”的li标签太长，合并缩起来如下CSS代码 输入相应的CSS代码 JavaScript代码 获取HTML元素，包括点击的按钮，图片，播放列表等 音量按钮的JavaScript代码 设置自动播放播放文件播放音量播放时间播放切换的JavaScript代码 上一首。

由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放ltaudio src=quot。

提供一个最简单的HTML5音乐播放器代码lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitleHtml5 音乐播放lttitleltheadltbodyltcenterltaudio autoplay=quotautoplayquot controls=quotcontrolsquot src=quotmp3quot 你的浏览器不支持audio标签ltaudioltcenterltbodylt。