首先说下我的需求:就是视频放在头部自动循环播放,不需要手动操作
然后我的实现代码如下:
<video autoplay loop width="1280" height="800">
<source src="img/banner_video.mp4">
</video>
但是 视频不会自动播放,成了静止的一张图片 给video设置的autoplay属性没有生效 然后翻阅了很多文档 知道问题了 少了一个属性“muted” 属性 官方解释如下:
添加“muted”之后就可以正常播放了 但是还有个问题 在 iOS无法自动播放 然后就还需要一个属性“playsinline”
所以最后的完整代码是
<video autoplay muted playsinline loop width="1280" height="800">
<source src="img/banner_video.mp4">
</video>
至此完结~