當(dāng)代瀏覽器喊的最響亮的一個(gè)口號(hào)就是支持HTML5，尤其是IE9這個(gè)頁(yè)面是一款知名的Firefox 4插件drag2up的開發(fā)人員所開發(fā)一款音樂播放器，實(shí)際上是一個(gè)音樂播放頁(yè)面只要支持HTML5的瀏覽器都可以播放本地音樂有測(cè)試人員表示。

lt！DOCTYPElthtmllthead ltmeta charset=quotutf8quot ltscript type=quottextjavascriptquot var audioTag = documentcreateElement#39audio#39 if ！audioTagcanPlayType quotnoquot ！=。

提供一個(gè)最簡(jiǎn)單的HTML5音樂播放器代碼lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitleHtml5 音樂播放lttitleltheadltbodyltcenterltaudio autoplay=quotautoplayquot controls=quotcontrolsquot src=quot。

HTML5中的video和audio標(biāo)簽中有一個(gè)autoplay屬性，添加這個(gè)屬性后就會(huì)在文件加載完成以后自動(dòng)播放具體代碼如下videoltvideo autoplay=quotautoplayquot ltsource src=quot視頻路徑quot ltvideoaudioltaudio autoplay=quotautoplayquot。

上代碼 lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotlttitlelttitleltheadltbodyltaudio id=quotplayerquot ltsource src=quot092 AC DC You Shook Me All Night Longmp3quotltsource ltaudio。

不會(huì)啊，應(yīng)該是你代碼問題，在音樂播放的代碼audio標(biāo)簽?zāi)抢镌黾右粋€(gè)循環(huán)播放的屬性loop=quotloopquot即可如ltaudio loop=quotloopquot 注IOS不允許自動(dòng)播放背景音樂哦android的話javascript可以使用ltaudio標(biāo)簽，然后在下方增加。

HTML代碼，其中使用HTML5標(biāo)簽有audioinput中type=quotrangequot標(biāo)簽“播放列表”的li標(biāo)簽太長(zhǎng)我給合并縮起來(lái)了CSS代碼 輸入相應(yīng)的CSS代碼 JavaScript代碼 獲取HTML元素，包括點(diǎn)擊的按鈕，圖片，播放列表等 音量按鈕的JavaScript代。

第一種在頁(yè)面代碼中的ltstyleltstyle之間加入ltbgsound src=quot音樂urlquot loop=quot1quot 這段代碼在這里要說(shuō)的是，“l(fā)oop”中的數(shù)值是音樂循環(huán)的次數(shù)，可設(shè)置為任意正整數(shù)，若設(shè)為“1”的話，音樂將永遠(yuǎn)循環(huán)這種。

IOS不允許自動(dòng)播放背景音樂android的話javascript可以使用ltaudio標(biāo)簽，然后在下方增加一段該標(biāo)簽的play動(dòng)作例如ltaudio id=quotbgaudioquotsrc=quotsoundwavquotltaudioltscript type=quottextjavascriptquotdocumentgetElementById。