微信小程序的轮播图+视频+图片（swiper）

项目简介：一个商城小程序
需求场景：在首页加一个轮播图，轮播图包含多个视频和多张图片，视频播放，图片页面跳转页面
实现技术：swiper
思路（一）：刚开始写的时候，用的是将video直接嵌套在swiper-item里面，这种写法带来的问题就是，1，一个页面里面最多出现3个video标签，但是我的需求的video是不确定的，所以bug在视频多的情况下就会出现，2，轮播图切换时视频停止播放，当轮播图回到该视频或者手动划到该视频，无法播放视频，一直处于加载中的状态，3，video组件的封面在视频播放之后就不会再次出现，但是我的需求是播放完了视频封面要出现，这里的封面问题在苹果的一些机型上就会重新出现，4，刚刚进入页面，视频有的有封面有的没有，5，跳转页面时，video.context.pause()或者stop（）无效，视频依然播放，6，视频播放时，轮播图停止滚动，播放结束之后，轮播图开始滚动，但是视频不能重新播放（微信版本号7.0.8，调试库版本号2.8.3）
思路（二）：在swiper里面装的全是图片，若某条的数据的类型是视频，则在该图片上加一个播放按钮，点击播放按钮swiper隐藏，记录当前的current，同层的video出现自动播放，监听视频的播放进度，视频暂停swiper出现，video隐藏
代码：