第一种在页面代码中的ltstyleltstyle之间加入ltbgsound src=quot音乐urlquot loop=quot1quot 这段代码 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远循环 这种背景音乐是打开；把里面的loop=“1”去掉就可以了，用Javascript设置就直接audioloop = quot0quot；1首先我们创建一个简单的网页，网页上只有一个DIV，DIV里有一段文本内容代码如图2要为网页添加背景音乐，我们可以使用embed标签，并为其添加src属性，这是用来指定音乐所在路径的embed src=quotttmp3quot hidden=quottrue；有测试人员表示，Chrome效果最好，Firefox也可以使用但是 笔者自己的试用体验是，Chrome表现最佳，但是IE9Opera 1101Firefox 4都无法使用该页面正常播放音乐我们下面先进解Chrome使用HTML5播放器，播放本地音乐吧步骤；HTML5中的video和audio标签中有一个autoplay属性，添加这个属性后就会在文件加载完成以后自动播放具体代码如下videoltvideo autoplay=quotautoplayquot ltsource src=quot视频路径quot ltvideoaudioltaudio autoplay=quotautoplayquot；lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle播放器lttitle ltstyle ltstyle lthead ltbody ltaudio id=quotmusic01quot src=quot邓紫棋 红蔷薇白玫瑰mp3quot loop=quotloopquot你的。

1，如果你的目标人群还有IE6这些用户，采用传统标签 ltbody ltbgsound src=quot你要播放的音乐urlquot ltbody 2，如果你的用户是当前的大学生智能手机用户，那么完全可以采用被广泛支持的HTML5的ltvideo标签播放背景音乐lt；lt！DOCTYPElthtmllthead ltmeta charset=quotutf8quot ltscript type=quottextjavascriptquot var audioTag = documentcreateElement#39audio#39 if ！audioTagcanPlayType quotnoquot ！=；function a var audio = documentgetElementById#39music#39 ifaudiopaused audioplayaudioplay 播放 else audio lt！ 上面是加入js部分的；仅仅几行代码即可实现 首先在网页中嵌入背景音乐，html5代码为 通过audio的id即可控制音乐的播放play和暂停pause，同时通过改变class改变按钮的背景图片，js代码为。

提供一个最简单的HTML5音乐播放器代码lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitleHtml5 音乐播放lttitleltheadltbodyltcenterltaudio autoplay=quotautoplayquot controls=quotcontrolsquot src=quot；src=quot背景音乐的路径quotloop=“是否循环播放”ltembed 3插入一个flash播放器，然后播放相应的音乐个人不推荐这种方法，因为flash已经没前途了，比如，现在的手机浏览器几乎都不直接支持flash了4用HTML5的ltaudio标签；由于浏览器的安全策略问题，现在已经不再支持打开页面自动播放音乐了，如需要播放还是要让用户点击播放才可以，可以使用html5的audio标签加载音乐播放ltaudio src=quot。

首先，使用html5的audio标签加载音乐第二，通过$selectplay和$selectstop来改变播放中音乐的播放和停止状态第三，html5的audio还支持加载完成播放和播放次数限制，可以使用autoplay属性设置自动播放，使用loop属性设置音乐循环播；IOS不允许自动播放背景音乐android的话javascript可以使用ltaudio标签，然后在下方增加一段该标签的play动作例如 ltaudio id=quotbgaudioquot src=quotsoundwavquotltaudio ltscript type=quottextjavascriptquot。