宝塔服务器面板,一键全能部署及管理,送你10850元礼包,点我领取

今天要写一个网页,

浏览器是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>