h5 页面的简易视频轮播 稍微有那点感觉吧

一直想着 图片可以轮播 那放个视频应该也可以吧 但是首先考虑的就是 video标签的兼容性问题
因为这个东西还是太新了 有很多浏览器支持的不是太好
这里我就使用了 西瓜视频播放器 插件 轮播用的是swiper 轮播 配合着jquery 了使用了

简单的完成了一点点效果来 ,这里说一下哈 直接播放视频 好像 轮播起来的有点问题 所以只好我再视频上面 铺了一层遮罩层 ，同时 视频好像和那个啥 有个冲突了 所以上面还要加油一个 样式属性

*{
  touch-action: none;
}

这里注意 如果你要在 安卓真机上进行 进入页面就自动播放的功能 看我上一篇博客

谷歌浏览器是不支持 进入页面就播放视频的 要不就关闭 声明使用 属性 muted 静音模式

所有的源码 我放在了 git 上 需要观看demo的童鞋可以看下
https://github.com/zhaoyunchong/h5Carsousel