HTML页面背景音乐自动循环播放

在Chrome上写的一个HTML设置背景音乐自动循环播放的时候

<audio autoplay="autoplay" loop="loop" controls="controls">
    <source src="./music.mp3"
        type="audio/mpeg">
</audio>

可是在实际操作中如果没有controls的话就不显示也不播放

添加了controls显示背景音乐但是是需要手动点击播放,会循环播放

失效的原因:

2018年4月份发布的Chrome 66也正式关掉了声音自动播放,也就是说<audio autopaly></audio> <video autoplay></video>在桌面版浏览器也将失效

网络上搜到的一些答案都是2018年之前的方法好多试了都无效

搜到的一种解决办法如下:

<embed src="./music.mp3" width=170 height=25 loop="true" autostart="true">

测试在Chrome浏览器中可以自动播放,但是不能循环

发布了496 篇原创文章 · 获赞 464 · 访问量 86万+

猜你喜欢

转载自blog.csdn.net/zhangvalue/article/details/104321024