twong329/view/xcx/components/productConSwiper/index.wxml

<view class="product-bg">
  <swiper
    indicator-dots="{{indicatorDots}}"
    indicator-active-color="#e93323"
    autoplay="{{autoplay}}"
    circular="{{circular}}"
    interval="{{interval}}"
    duration="{{duration}}"
    bindchange="change"
  >
    <swiper-item wx:if="{{videoline}}">
      <view class="item">
        <video
          id="myVideo"
          src="{{videoline}}"
          objectFit="cover"
          controls
          style="width: 100%; height: 100%"
          show-center-play-btn
          show-mute-btn="true"
          auto-pause-if-navigate
          custom-cache="{{false}}"
        ></video>
        <cover-view class="poster" wx:if="{{controls}}">
          <cover-image class="image" src="{{imgUrls[0]}}"></cover-image>
        </cover-view>
        <cover-view class="stop" wx:if="{{controls}}" bindtap="bindPause">
          <cover-image class="image" src="../../images/stop.png"></cover-image>
        </cover-view>
      </view>
    </swiper-item>
    <block wx:for="{{imgUrls}}" wx:key="index">
      <swiper-item>
        <image src="{{item}}" class="slide-image" />
      </swiper-item>
    </block>
  </swiper>
  <!-- <view class='pages'>{{currents}}/{{imgUrls.length || 1}}</view> -->
</view>