公告列表
公告列表
收藏
回答

swiper 图片+视频 不能手动轮播了

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug swiper video 客户端 6.6.7 2.2.0

- 当前 Bug 的表现（可附上截图）

手机上轮播图，第一个是视频，第二个是图片，手动滑动轮播图，只能触发视频的进度条事件，不能滑动轮播图


- 预期表现

可以流畅地滑动切换视频和图片

- 复现路径


- 提供一个最简复现 Demo


<swiper autoplay="{{false}}" interval="2000" duration="500" circular="{{true}}" bindchange="swiperChange"> <block wx:for="{{swiperContent}}" wx:key="index"> <swiper-item> <navigator url="{{item.url}}" hover-class="navigator-hover"> <view class="index_top"> <image src="{{item.url}}" wx:if="{{item.type == 'image'}}" class="slide-image" mode="aspectFill"/> <video src="{{item.url}}" wx:if="{{item.type == 'video'}}" class="slide-image" autoplay="{{true}}" controls="{{false}}" ></video> </view> </navigator> </swiper-item> </block> </swiper>
回答关注问题邀请回答
收藏

2 个回答

  • 卢霄霄
    卢霄霄
    2018-10-25

    swiper里就没支持过视频吧


    2018-10-25
    有用
    回复 5
    • Beautiful life
      Beautiful life
      2018-10-25

      好吧，脑瓜疼

      2018-10-25
      赞
      回复
    • 卢霄霄
      卢霄霄
      2018-10-25回复Beautiful life

      现在比较流行的做法是，在swiper里用wx:if异常video，显示一个封面图。。点击封面图的时候，显示video，并播放

      2018-10-25
      赞
      回复
    • Beautiful life
      Beautiful life
      2018-10-25回复卢霄霄

      我试试

      2018-10-25
      赞
      回复
    • Beautiful life
      Beautiful life
      2018-10-25回复卢霄霄

      可以！

      2018-10-25
      赞
      回复
    • 卢霄霄
      卢霄霄
      2018-10-25回复Beautiful life

      好哟。。下回见

      2018-10-25
      赞
      回复
  • SoberLi
    SoberLi
    2018-10-25

    请注意视频组件的层级和视频事件处理相关的API

    2018-10-25
    有用
    回复
请 登录 后发表内容
相关问题
相关文档