移动端轮播图页面写法，视频+图片轮播图实现（完结篇）

视频图片循环轮播实现过程
1.首先考虑有现成组件库，咱们就用。vant-swiper能用。
2.视频该用什么播放器，原生的video最好用，兼容性很强
3.考虑一下图片的懒加载，vant-swiper里面有个属性，就有考虑进行图片的懒加载
4.贴代码，自己看吧




视频里面需要考虑，首次点进来他可能是黑屏，所以设置了poster头图属性，其他都在vant-swiper和video的官方文档里面有介绍他的属性表示什么意思。
onchange事件我加了一个方法就是让视频如果正在播放时停止，要不然你已经滑动轮播图了，这边视频的声音还有，这样肯定不好。
if (document.querySelector(".swipperVideo").play) { document.querySelector(".swipperVideo").pause(); }