问题场景:
chrome中打开时,video标签都不能自动播放, 添加 autoplay属性不起作用
一、方案一
在video标签中添加muted属性,亲测有效
<video muted src="xxx" autoplay loop></video>
原理就是大多数浏览器在都支持静音的视频播放,如果你的视频需要有声音,或者要用音频,这个还是不能解决问题,而且不是太稳定。。。
二、方案二 (最新chrome下面方法不可用了)
修改浏览器默认配置,只适合本地展示,或大屏展示用
在浏览器地址栏 输入 chrome://flags/#autoplay-policy
找到“New history entries require a user gesture.”, 修改后面状态为“”Enabled“”,重启浏览器就好了
把浏览器的模式设置一下就可以自动播放了。
原理 :因为video可能加载各种视频,自动播放会有一定的不安全性。
后记:后续有发现新方法还会持续更新