H5中Video引入问题

引入视频代码块

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
您的浏览器不支持Video标签。
</video>

h5中嵌入视频自动播放的问题

1.video 标签属性
src: 设置显示视频路径
controls: 显示控制栏
loop: 控制视频循环播放
autoplay: 自动播放
muted:设置静音播放

2.解决视频或音频标签自动播放在谷歌浏览器中不起作用
方法一：
在chrome 浏览器中输入：chrome://flags
搜索audio,找到Autoplay policy
在右侧的选项中设置为 no user gesture is required 即可
方法二：
　　给标签添加muted属性，设置静音播放后就能实现自动播放了（原因是Google浏览器为了防止突然打开的视频发出声音吓倒用户）

亲测有效方案

video 添加 autoplay属性后，视频会自动播放没有问题，用到video时才发现，设置autoplay属性不好使了，只有在controls的模式下点击播放按钮才可以播放。
最后翻了很多资料说video标签中添加muted属性，亲测有效，代码：

<video class="effect-img" muted src="effect.mp4" autoplay loop></video>
<video muted src="" autoplay loop></video>