WXOPEN Club

小程序中支持图片和视频在同一个轮播中吗

发布于 8 年前作者 gxiao5533 次浏览最后编辑 8 年前来自 ask
<!--图片轮播-->
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" circular="{{circular}}">
     <block wx:for="{{imgUrls}}" wx:item="item">
        <swiper-item >
               
              <image wx:if="{{item.type == 'img'}}" src="{{item.poster}}" class="slide-image" mode='widthFix' /> 
            
              <video wx:else  src='{{item.url}}'></video>
             
        </swiper-item>
 
     </block>
  </swiper>

轮播组件在工具中可以实现图片和视频轮播且正常播放，但是真机测试时候就一片黑，切换几个页面之后出现出现播放的图标可播放，但是无法再进行轮播，请教各位大牛怎么解决

1 回复
wanyan
wanyan1 楼6 年前

  1. tip: video 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。

  2. tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 video 组件。

  3. tip: css 动画对 video 组件无效。