【uniapp的swiper里 包含video】uniapp的swiper里 包含video，解决滑动不流畅问题_uniapp swiper video

一、问题描述：

1.swiper轮播里既有图片还要有视频，视频播放用的是video。滑起来特别不流畅。
2.设置3秒自动轮播后，会出现正常看视频时 没等看完视频 3秒就自动切换了。

二、代码实现：

2.1

进入页面后，swiper自动轮播 this.autoPlay=true ，
视频video上面覆盖一层，在cover-view放个播放按钮，
不显示video的播放按钮 :show-center-play-btn=“false”
不显示video的默认播放控件（播放/暂停按钮、播放进度、时间）:controls=“controls” controls:false

2.2

点击cover-view的上面的播放按钮，隐藏覆盖层cover-view:this.isShow = false，
显示video的默认播放控件（播放/暂停按钮、播放进度、时间）this.controls:true
禁止swiper滑动 this.stopTouchMove = true，
播放视频 this.VideoContext.play()

<template