在网上找了很多方法都没有很好解决这个问题的方式。 最终也只能研究一个相对接近的方案(本方案也没有彻底跨越浏览器的安全限制)
此方案的限制和缺陷
- 需要在浏览器设置中手动打开网站域名下的声音开关,设置为允许(这个设置不知道的可以百度,很简单)
- 如果加载资源时间非常久也可能会导致无法自动播放。当然这个可控。代码中 n 是我用来控制这个等待时间的(因为在我的使用场景中,这种视频播放不是唯一的,可能会存在非常多,所以,如果每一个要一个计时器去控制的话太耗费性能。如果使用 requestAnimationFrame 的话也只会好一点点,不过我希望视频播放这个行为权重更高一些,所以选用了计时器;不过如果是全局只有一个播放的场景,时间这个限制可以去掉)
提供一个思路,仅供参考。 如果有哪位大佬有更好的方案,希望可以交流交流