html網(wǎng)頁(yè)如何添加音樂(lè)視頻

這篇文章主要講解了“html網(wǎng)頁(yè)如何添加音樂(lè)視頻”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“html網(wǎng)頁(yè)如何添加音樂(lè)視頻”吧！

　　1.video標(biāo)簽

　　支持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ù)瀏覽器在都支持靜音的視頻播放

　　<video controls="controls" autoplay="autoplay" name="media" muted><source src="http://vjs.zencdn.net/v/oceans.mp4" type="audio/mpeg"></video>

　　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">

　　<embed src="http://vjs.zencdn.net/v/oceans.mp4"  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>在桌面版瀏覽器也將失效。

感謝各位的閱讀，以上就是“html網(wǎng)頁(yè)如何添加音樂(lè)視頻”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)html網(wǎng)頁(yè)如何添加音樂(lè)視頻這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！