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

<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>

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

wanyan 1楼•5 年前

tip: video 组件是由客户端创建的原生组件，它的层级是最高的，不能通过 z-index 控制层级。
tip: 请勿在 scroll-view、swiper、picker-view、movable-view 中使用 video 组件。
tip: css 动画对 video 组件无效。