1。新建一個(gè)music.html頁(yè)面：
HTML部分bai：du
<audio id="bgAudio" controls="controls" autoplay="autoplay" hidden="hidden">
zhi<source src="mp3/wangjie.mp3" type="audio/mp3">
<source src="mp3/wangjie.ogg" type="audio/ogg">
</audio>
js部分：
<script type="text/javascript">
myVid=document.getElementById("bgAudio");
myVid.volume=0.2;
</script>
再新建一個(gè)backMusic.html頁(yè)面：
HTML部分：
<frameset cols="0%,100%">
<frame src="music.html"/>
<frame src="index.html" />
</frameset>
擴展資料：
<audio> 標簽定義dao聲音，比如音樂(lè )或其他音頻流。
實(shí)例：
一段簡(jiǎn)單的 HTML 5 音頻：
<audio src="someaudio.wav">您的瀏覽器不支持 audio 標簽。</audio>
屬性：
autoplay：如果出現該屬性，則音頻在就緒后馬上播放。
controls：如果出現該屬性，則向用戶(hù)顯示控件，比如播放按鈕。
loop：如果出現該屬性，則每當音頻結束時(shí)重新開(kāi)始播放。
preload：如果出現該屬性，則音頻在頁(yè)面加載時(shí)進(jìn)行加載，并預備播放。
src：要播放的音頻的 URL。
二、能使網(wǎng)站上自動(dòng)循環(huán)bai的背景音樂(lè )代碼如下du：zhi
1
<audio src="music.mid" autostart="true" loop="true" hidden="true">
具體的分解解析如下：
1、src="music.mid" 指的是背景dao音樂(lè )的路徑，最好能使用相對路徑，以便上傳的時(shí)候不會(huì )出錯。
這里的music.mid跟網(wǎng)頁(yè)文件在同一個(gè)目錄下，所以直接輸入文件名即可。
2、autostart="true" 指的是當音樂(lè )文件載入后是否自動(dòng)播放。
其中有兩個(gè)邏輯選項，true和false，這里設定為true，也就是表示表示自動(dòng)播放。
3、loop="true" 指的是音樂(lè )文件是否循環(huán)播放，也可以指定循環(huán)播放的次數。
比如loop=”3”表示重復播放3次，loop=”-1”和loop=”true”都表示無(wú)限循環(huán)。
4、hidden="true" 指的是控制面板是否隱藏。
true表示隱藏控制面板，false為顯示控制面板。
二、將該代碼應用到實(shí)際的程序中
1、找到寫(xiě)好的自動(dòng)循環(huán)的背景音樂(lè )代碼
1
<embed src="XXX.mp3" autostart="true" loop="true" hidden="true"></embed>
2、將其插入到網(wǎng)站的<body>...</body>之間
3、保存后，點(diǎn)擊首頁(yè)進(jìn)行預覽，不僅僅可以聽(tīng)到背景音樂(lè )，如果使用主流瀏覽器，還能看到標簽欄上有背景音樂(lè )播放的圖標
三、通過(guò)以上操作后，使網(wǎng)站上能自動(dòng)循環(huán)的背景音樂(lè )的操作就完成了
文章轉載：http://www.gehut.cn/
聯(lián)系客服
