為了防止不必要的自動(dòng)播放浪費(fèi)流量，手機(jī)網(wǎng)頁(yè)訪問(wèn)帶有audio的頁(yè)面是不會(huì)自動(dòng)播放的Safari屏蔽了autoplay，必須由用戶(hù)交互事件觸發(fā)，因?yàn)閍utoplay在移動(dòng)網(wǎng)絡(luò)環(huán)境下可能會(huì)造成用戶(hù)流量費(fèi)劇增 Android的我不清楚，下面是引自Safari；ltbgsound src=quot你的音樂(lè)連接quot loop=quot1quot 把這段代碼，寫(xiě)到ltbodyltbody之間 loop 為循環(huán)次數(shù)，=1 表示無(wú)限次循環(huán)望采納。

1首先要?jiǎng)?chuàng)建一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，網(wǎng)頁(yè)上只有一個(gè)DIV文本內(nèi)容2在這個(gè)網(wǎng)頁(yè)中DIV的文本內(nèi)容中，可以添加有背景音樂(lè)的網(wǎng)頁(yè)3要為網(wǎng)頁(yè)添加背景音樂(lè)，可以使用embed標(biāo)簽，并為其添加src屬性，這是用來(lái)指定音樂(lè)所在路徑的，embed；src=quot背景音樂(lè)的路徑quotloop=“是否循環(huán)播放”ltembed 3插入一個(gè)flash播放器，然后播放相應(yīng)的音樂(lè)個(gè)人不推薦這種方法，因?yàn)閒lash已經(jīng)沒(méi)前途了，比如，現(xiàn)在的手機(jī)瀏覽器幾乎都不直接支持flash了4用HTML5的ltaudio標(biāo)簽。

元素使用錯(cuò)誤，按照html5的元素應(yīng)該使用sound。

html網(wǎng)頁(yè)添加背景音樂(lè)

網(wǎng)頁(yè)背景音樂(lè)的HTML代碼有三種，分別用ltbgsoundltbgsoundltembedltembed和ltaudioltaudio標(biāo)簽由于ltbgsound的特性是非標(biāo)準(zhǔn)的，所以請(qǐng)盡量不要在生產(chǎn)環(huán)境中使用它下面對(duì)三者的參數(shù)進(jìn)行介紹1ltbgsoundlt。

把里面的loop=“1”去掉就可以了，用Javascript設(shè)置就直接audioloop = quot0quot。

01 在html5里，有一個(gè)audio的標(biāo)簽，我們先在html里加上這個(gè)標(biāo)簽02 這個(gè)audio標(biāo)簽，里面有一個(gè)子標(biāo)簽，就是source標(biāo)簽，主要是用來(lái)指定audio的播放源的通過(guò)src屬性指定Mp3文件的路徑就行了03。

在這里要說(shuō)的是，“l(fā)oop”中的數(shù)值是音樂(lè)循環(huán)的次數(shù)，可設(shè)置為任意正整數(shù)，若設(shè)為“1”的話(huà)，音樂(lè)將永遠(yuǎn)循環(huán) 這種背景音樂(lè)是打開(kāi)葉子后直接播放的，在網(wǎng)頁(yè)上不會(huì)有顯示這是最簡(jiǎn)單的一種 第二種這種方法則略微復(fù)雜一些，但可設(shè)。

1，如果你的目標(biāo)人群還有IE6這些用戶(hù)，采用傳統(tǒng)標(biāo)簽\x0d\x0a\x0d\x0a\x0d\x0a\x0d\x0a2，如果你的用戶(hù)是當(dāng)前的大學(xué)生智能手機(jī)用戶(hù)，那么完全可以采用被廣泛支持的HTML5的標(biāo)簽播放背景音樂(lè)\x0d\x0a\x0d。

常用的背景音樂(lè)代碼將這段代碼插入到您的ltheadlthead之間 當(dāng)您打開(kāi)網(wǎng)站時(shí)即可聽(tīng)到背景音樂(lè)ltbgsound src=chinamid loop=quot1quot 這種當(dāng)網(wǎng)頁(yè)最小化之后，音樂(lè)會(huì)消失1使用 ltembed 元素例如altembed。

html5制作網(wǎng)頁(yè)音樂(lè)播放器

1、加上瀏覽器種類(lèi)的判斷條件即可 例如 lt！if IE ltbgsound src=#39XXXmidiXXXwav#39 lt！endif lt！if ！IE ltaudio src=#39XXXmidiXXXwav#39 autoplay=quotautoplayquot ltaudio lt！endif。

2、HTML插入音樂(lè)自動(dòng)播放的代碼代碼可直接運(yùn)行l(wèi)t！DOCTYPE htmllthtmlltheadltmeta charset=quotUTF8quot lttitleHTML5學(xué)堂。

3、在HTML加入背景音樂(lè)，具體操作步驟如下1首先打開(kāi)Intellij，確保有一個(gè)項(xiàng)目已經(jīng)打開(kāi)2接下來(lái)新建一個(gè)HTML文件，在文件夾上點(diǎn)右鍵NewHTMLFile3確保要導(dǎo)入的音樂(lè)文件在這個(gè)文件夾里，讀者可以自行拖動(dòng)一。

4、mp3quotltaudio3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)一進(jìn)入頁(yè)面就自動(dòng)播放了背景音樂(lè)。