chrome浏览器html5 video标签里的autopaly无法自动播放视频解决方法

今天要写一个网页,

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

 

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注