H5关于浏览器无法自动播放视频的解决方案

H5标签用来播放视频/音频
原本通过autoplay属性可以实现视频在浏览器的自动播放
不过现在Chrome浏览器版本更新之后,视频/音频无法播放了

原因是因为新版Chrome浏览器禁止用户在触发网页之前播放音频,视频包含音频,躺枪.其目的在于防止开发者滥用自动播放功能骚扰用户,影响体验.

所以,一下提供两种简单的解决方案
一: 通过添加controls属性,通过控件来实现手动播放,注意不是自动播放,需要手动触发.

<audio controls></audio>

二: 通过添加muted属性,通过静音处理方式来实现自动播放,注意这是无声的,视频只有声音,音频呵呵.

<video autoplay muted></video>

以上两种方案亲测有效.
当然网路上,很多大神还有其他solution,这里只是提供两种简单易用的解决方案.