很多網(wǎng)頁(yè)設(shè)計(jì)作業(yè)要求網(wǎng)頁(yè)中需要有網(wǎng)頁(yè)背景音樂,今天STU網(wǎng)頁(yè)設(shè)計(jì)為大家分享一下HTML網(wǎng)頁(yè)設(shè)計(jì)中添加網(wǎng)頁(yè)背景音樂常用的三種方法。
第一種<embed>標(biāo)簽
示例:
<embed src="音樂路徑" hidden="flase" autostart="true" loop="true">
說(shuō)明:
使用autoplay="autoplay",則背景音樂將在音網(wǎng)頁(yè)打開后就自動(dòng)馬上播放。
使用controls="controls",則為了在頁(yè)面內(nèi)顯示顯示控件,如播放按鈕。
使用"loop="loop",則是為了是背景音樂重復(fù)播放。
使用preload="auto",則音頻在頁(yè)面加載的同時(shí)進(jìn)行加載,并預(yù)備播放。
使用src="",即是在""內(nèi)加入背景音樂的保存路徑。
第二種<audio >標(biāo)簽
示例:
<audio autoplay="autoplay" loop="loop" preload="auto" controls="controls" src="音樂路徑"></audio>
說(shuō)明:
使用autoplay="autoplay",則背景音樂將在音網(wǎng)頁(yè)打開后就自動(dòng)馬上播放。
使用controls="controls",則為了在頁(yè)面內(nèi)顯示顯示控件,如播放按鈕。
使用"loop="loop",則是為了是背景音樂重復(fù)播放。
使用preload="auto",則音頻在頁(yè)面加載的同時(shí)進(jìn)行加載,并預(yù)備播放。
使用src="",即是在""內(nèi)加入背景音樂的保存路徑,如:src=""。
備注:
若是想播放按鈕隱藏,可使用css 的display控制audio標(biāo)簽的顯示:audio{display: none;}
第三種<bgsound>標(biāo)簽
示例:
<bgsound src="音樂路徑" autostart="true" loop="false" />
<embed src="音樂路徑" autostart="true" loop="false" />
說(shuō)明:
<bgsound> 標(biāo)簽 為 IE ,<embed> 為其它
第三種
<bgsound>標(biāo)簽可能會(huì)遇到有的IE版本沒聲音,不建議使用,比較推薦前兩種,頁(yè)面內(nèi)顯示的話推薦使用
<audio >標(biāo)簽。