2022.3.1更新
关于移动端自动播放的方案，可以参考我在掘金写的这篇文章 传送门
--------以下是之前的内容-------
一.背景
自动播放的问题在工作中时常遇到，针对自动播放做了一下简单的总结。
二.自动播放
自动播放就是未经用户的允许，播放音频或视频的行为。
在HTML里，通过给video标签， audio标签设置autoplay的属性，或者通过JS的代码去执行播放的逻辑自动播放经常会碰到这些问题：
<video src="xxx" autoplay></video>
<audio src="xxx" autoplay></audio>
//
videoElement.play()
audioElement.play()- 为什么不能自动播放
- 为什么自动播放时没有声音
- 为什么在我的网站上自动播放会静音，在别的视频网站上就不会
- ....
关于这些问题，后面会慢慢补充解释，我们还是从用户体验的方面去思考，为什么浏览器会限制自动播放
如果一个网页在没有任何警告的情况下自动播放带声音的媒体资源，如果发出一些噪音或对人造成困扰，讨厌的声音ÿ
最低0.47元/天 解锁文章
2891
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
