html網頁如何添加音樂視頻

這篇文章主要講解了“html網頁如何添加音樂視頻”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“html網頁如何添加音樂視頻”吧！

　　1.video標簽

　　支持firefox自動播放 谷歌、ie不支持自動播放

　　<video controls="controls" autoplay="autoplay" name="media"><source src="./img/music.mp3" type="audio/mpeg"></video>

　　谷歌可以通過添加 muted 通過靜音來實現自動播放

　　<video controls="controls" autoplay="autoplay" name="media" muted><source src="./img/music.mp3" type="audio/mpeg"></video>

　　原理就是大多數瀏覽器在都支持靜音的視頻播放

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

　　2.audio標簽

　　注意：標簽定義聲音，比如音樂或其他音頻流。

　　<audio controls="controls" ><source src="./img/music.mp3"></audio>

　　注意：只能音樂不能加載視頻

　　3.embed

　　可以支持多種播放器

　　自動播放支持安卓，不支持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">

　　補充說明：

　　聲音無法自動播放這個在 IOS/Android 上面一直是個慣例，桌面版的 Safari 在 2017 年的 11 版本也宣布禁掉帶有聲音的多媒體自動播放功能，緊接著在 2018 年 4 月份發布的 Chrome 66 也正式關掉了聲音自動播放，也就是說 <audio autopaly> <video autoplay>在桌面版瀏覽器也將失效。

感謝各位的閱讀，以上就是“html網頁如何添加音樂視頻”的內容了，經過本文的學習后，相信大家對html網頁如何添加音樂視頻這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！