最近在做项目的时候,遇到视频无法在谷歌浏览器中实现自动播放的问题。
因为新版本的谷歌浏览器考虑到用户体验,部分视频在自动播放准备就绪后,会自动把音量调整到最大而播放,所以自18年就屏蔽了video的自动播放这一属性,不过在video标签中有一个属性muted(静音属性),将muted属性加上后,浏览器可以自动播放但是为静音状态下,完整的代码如下:
<video src="../video/video2.mp4" autoplay="autoplay" loop="loop" muted="muted" width="1899px"></video>
总结来说 想要实现打开网页视频自动播放,就要加上muted静音属性。