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="dn/v/oceans.mp4" type="audio/mpeg"></video> 2.audio标签
注意：标签定义声⾳，⽐如⾳乐或其他⾳频流。
<audio controls="controls" ><source src="./img/music.mp3"></audio>
自动挡汽车的正确起步与停车注意：只能⾳乐不能加载视频
可以⽀持多种播放器
吴尊老婆林丽莹⾃动播放⽀持安卓，不⽀持ios，⽀持⾕歌 ie ie edge 不⽀持firefox
古代丝绸之路的起点<embed src="./img/music.mp3" hidden="true" autostart="true" loop="true">
什么是公积金
<embed src="dn/v/oceans.mp4"  autostart="true" loop="true">
补充说明：
辐射新维加斯攻略
声⾳⽆法⾃动播放这个在 IOS/Android 上⾯⼀直是个惯例，桌⾯版的 Safari 在 2017 年的 11 版本也宣布禁掉带有声⾳的多媒体⾃动播放功能，紧接着在 2018 年 4 ⽉份发布的 Chrome 66 也正式关掉了声⾳⾃动播放，也就是说 <audio autopaly>
<video autoplay>在桌⾯版浏览器也将失效。
⾕歌说明：
可⾃动播放例外条件：上⾯我们已经提到如果视频本⾝已经被设置为静⾳的情况下，那么浏览器将不会再拦截其加载进⾏⾃动播放。同时如果⽤户此前点击过⾃动播放的话那么下次再访问同样的⽹站，那么浏览器默认情况也不会拦截其播放,⽽在移动设备上如果⽤户选择将⽹站添加到主屏幕上也就是经常访问的⽹站，这种情况下同样可以⾃动播放。
最后：根据⾕歌统计数据如果⽹站视频被⼤量播放例如视频⽹站，这种情况下也不会被拦截掉⾃动播放功能
到此这篇关于html⽹页添加⾳乐视频的实现⽰例的⽂章就介绍到这了，更多相关html添加⾳乐视频内容请搜索以前的⽂章或继续浏览下⾯的相关⽂章，希望⼤家以后多多⽀持！辣椒酱的做法