当前位置:   article > 正文

【uniapp的swiper里 包含video】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
    本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
    推荐阅读
    相关标签
      

    闽ICP备14008679号