這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何自動播放H5視頻中的背景音樂，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

成都創(chuàng)新互聯(lián)公司專注于湯陰網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供湯陰營銷型網(wǎng)站建設(shè)，湯陰網(wǎng)站制作、湯陰網(wǎng)頁設(shè)計(jì)、湯陰網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造湯陰網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供湯陰網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

音樂的自動播放屬性，這里也介紹一下：

autoplay 屬性規(guī)定一旦音頻就緒馬上開始播放。

如果設(shè)置了該屬性，音頻將自動播放。

但是在實(shí)際運(yùn)用中，經(jīng)常會遇到不能自動播放的現(xiàn)象，主要是因?yàn)橛行g覽器或者手機(jī)會阻止或不支持autoplay這個屬性，在這里我介紹一下我采用的方法。

首先：在html中代碼如下

在js文件中采用如下代碼

var audio = document.getElementById('music1');
$("#btn").bind("touchstart", function bf() {
if(audio !== null) {
//檢測播放是否已暫停.audio.paused 在播放器播放時返回false.
//alert(audio.paused);
if(audio.paused) {
audio.play(); //audio.play();// 這個就是播放
$("#btn").addClass("active")
} else {
audio.pause(); // 這個就是暫停
$("#btn").removeClass("active")
}
}
})

寫到了這里大部分安卓機(jī)就基本可以實(shí)現(xiàn)自動播放了，但是蘋果手機(jī)在這個時候還是不行的

這里我采用了一個在加載頁中加入一個按鈕，當(dāng)加載完成的時候，點(diǎn)擊按鈕，引導(dǎo)用戶完成背景音樂的自動播放，代碼如下：

$("html").one('touchstart',function(){
audio.play();
})

到了這里就實(shí)現(xiàn)了背景音樂的自動播放，這個辦法適用于有加載頁，并且需要點(diǎn)擊進(jìn)入h6的項(xiàng)目......

上述就是小編為大家分享的如何自動播放H5視頻中的背景音樂了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。