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

第一种在页面代码中的ltstyleltstyle之间加入ltbgsound src=quot音乐urlquot loop=quot1quot 这段代码 在这里要说的是，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远循环 这种背景音乐是打开叶子后直接播放的，在网页上不会有显示这是最简单的一种 第二种这种方法。

当代浏览器喊的最响亮的一个口号就是支持HTML5，尤其是IE9这个页面是一款知名的Firefox 4插件drag2up的开发人员所开发一款音乐播放器，实际上是一个音乐播放页面只要支持HTML5的浏览器都可以播放本地音乐有测试人员表示，Chrome效果最好，Firefox也可以使用但是 笔者自己的试用体验是，Chrome表现最佳。

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

在手机网页上，HTML5的audio元素可能无法实现自动加载播放音乐，这是由于安卓和iOS系统默认不允许开发者进行自动播放，除非用户进行页面操作一种解决方法是，在用户进行操作时，利用touch事件控制音乐播放如果页面在微信中发布，可以尝试以下方法编写一段JavaScript代码如下javascript document。

ltaudio controls=quotcontrolsquot autoplay=quotautoplayquot ltsource src=quotsongoggquot type=quotaudiooggquot ltsource src=quotsongmp3quot type=quotaudiompegquot Your browser does not support the audio elementltaudio 也可以直接调用 API，用js实现。

常用的背景音乐代码将这段代码插入到您的ltheadlthead之间 当您打开网站时即可听到背景音乐ltbgsound src=chinamid loop=quot1quot 这种当网页最小化之后，音乐会消失1使用 ltembed 元素例如altembed height=quot100quot width=quot100quot src=quottestmp3quot bltembed src=quot。

背景音乐代码 1ltembed src=quot背景音乐网址quot hidden=quottruequot autostart=quottruequot loop=quottruequot hidden=quottruequot表示隐藏播放，即不显示播放器的外观，若要想显示，把quottruequot 替换为quotfalsequot即可，这样为默认是最小化播放，若还想具体显示播放器的大小，另加上height=quot高度值quot width=quot宽度值quot 就。

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

如果脚本代码需要读取或设置网页内的某个DOM元素，那么它就必须放在网页html代码后运行当然标准的做法是放到window对象的onload事件内，否则如果放到前面，当它运行时后面的DOM元素很可能还没有加载到内存，这样获取元素时就会失败当然也可以直接用html5的audio标签来设置背景音乐，这样就无需任何js脚本。

在页面中加入背景音乐，其实很简单有两种方法1最简单的方法，在页面代码中的lthead与lthead标签之间加入如下代码ltbgsound src=quotxxxquot loop=quot1quot其中“xxx”处添入你要加入的背景音乐的地址，“loop”中的数值是音乐循环的次数，可设置为任意正整数，若设为“1”的话，音乐将永远。

当然，自己可以写一个就行了html5的播放器蛮简单的 比如 ltvideo width=quot330quot height=quot270quot controls autobuffer ltsource src=quotvideotestmp4quot type=#39videomp4ltsource ltsource src=quotvideotestoggquot type=#39videooggltsource ltvideo 音乐播放器也差不多的当然也可以直接。

HTML5的Audio标签，目前的主流浏览器都支持，只不过各种浏览器对音频的支持的格式不同，当前，audio 元素支持三种音频格式IE 9 支持 MP3 Firefox 35 支持 Ogg VorbisWav Opera 105 支持 Ogg VorbisWav Chrome 30 支持 Ogg VorbisMP3 Safari 30 支持 MP3Wav。

在图文消息中插入mp3音频，主要使用到的技术是html5语言中的audio标签在UE编辑器html源代码状态下输入相应的音频播放器代码，再切换到正常状态即可看到音频播放器效果，然后复制到微信编辑器即可代码呈现 ltaudio src=quot。

html5中如何让多个音乐循环播具体如何操作，可以看看这里1代码的调整width和height为播放器宽度和高度，可以灵活设置，如果播放视频，可以设置到适合的数字如果不想让播放器出现，那么可以改成width=0height=0 autostart=“true”时为自动播放，autostart=“false”为不自动播放loop=“true”为。

音乐播放器可以用HTML5的ltaudio标签 这是一个完整的播放器，包括暂停开始的功能，所以如你所需 只需一行代码，但是如果要播放多首歌曲像你的网站是需要的，需要用js控制 示范ltaudio src=quot链接mp3quotltaudio 要显示播放器界面，可以添加controls属性，示范ltaudio src=quot链接mp3quot con。