今天要写一个网页,
浏览器是chrome,
网页里有个自动播放的视频背景,
万事大吉,但是chrome怎么也无法自动播放。360浏览器正常。
网上花了很长时间,但都是说 autopaly =”autopaly” 就可以了。
最后弄了半天,
发现chrome 从18年起就不支持了。。。
最后了解到,chrome怕你突然声音出来,吓到你。
于是需要添加属性 muted=”muted”
也就是静音,
终于能自动播放了!
代码如下:
<video id="homeVideo" class="home-video" autoplay loop muted poster="res/video/cover.jpg">
<source src="https://vfx.mtime.cn/Video/2019/12/18/mp4/191218142003021124_1080.mp4" type="video/mp4">
</video>