支持firefox自動(dòng)播放 谷歌、ie不支持自動(dòng)播放
<video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></video>
谷歌可以通過(guò)添加 muted 通過(guò)靜音來(lái)實(shí)現(xiàn)自動(dòng)播放
<video controls="controls" autoplay="autoplay" name="media" muted><source src="./img/music.mp3" type="audio/mpeg"></video>
原理就是大多數(shù)瀏覽器在都支持靜音的視頻播放
2.audio標(biāo)簽
注意：標(biāo)簽定義聲音，比如音樂(lè)或其他音頻流。
<audio controls="controls" ><source src="./img/music.mp3"></audio>
注意：只能音樂(lè)不能加載視頻
3.embed
可以支持多種播放器
自動(dòng)播放支持安卓，不支持ios，支持谷歌 ie ie edge 不支持firefox
<embed src="./img/music.mp3" hidden="true" autostart="true" loop="true">
補(bǔ)充說(shuō)明：
聲音無(wú)法自動(dòng)播放這個(gè)在 IOS/Android 上面一直是個(gè)慣例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉帶有聲音的多媒體自動(dòng)播放功能，緊接著在 2018 年 4 月份發(fā)布的 Chrome 66 也正式關(guān)掉了聲音自動(dòng)播放，也就是說(shuō) <audio autopaly> <video autoplay>在桌面版瀏覽器也將失效。谷歌說(shuō)明：
可自動(dòng)播放例外條件：上面我們已經(jīng)提到如果視頻本身已經(jīng)被設(shè)置為靜音的情況下,那么瀏覽器將不會(huì)再攔截其加載進(jìn)行自動(dòng)播放。同時(shí)如果用戶(hù)此前點(diǎn)擊過(guò)自動(dòng)播放的話那么下次再訪問(wèn)同樣的網(wǎng)站,那么瀏覽器默認(rèn)情況也不會(huì)攔截其播放,而在移動(dòng)設(shè)備上如果用戶(hù)選擇將網(wǎng)站添加到主屏幕上也就是經(jīng)常訪問(wèn)的網(wǎng)站,這種情況下同樣可以自動(dòng)播放。
最后:根據(jù)谷歌統(tǒng)計(jì)數(shù)據(jù)如果網(wǎng)站視頻被大量播放例如視頻網(wǎng)站,這種情況下也不會(huì)被攔截掉自動(dòng)播放功能。
到此這篇關(guān)于html網(wǎng)頁(yè)添加音樂(lè)視頻的實(shí)現(xiàn)示例的文章就介紹到這了,更多相關(guān)html添加音樂(lè)視頻內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持深圳網(wǎng)站建設(shè)公司-自由創(chuàng)想！
