  <view class="goods-image-panel">
    <swiper
      circular 
      indicator-dots="{{ c_picture.length > 1 }}" 
      autoplay="{{ c_picture.length > 1 && false }}" 
      style="width: {{ width }}px; height: {{ height }}px;" 
      bindtap="handleSwiperImageTap" 
      bindchange="handleSwiperChange">
      <swiper-item wx:for="{{ c_picture }}" wx:key="unique">
        <image
          src="{{ item }}"
          mode="aspectFit"
          class="goods-image"
          data-index="{{ index }}"
          style="width: {{ width }}px; height: {{ height }}px;"/>
        <!-- 播放按钮 -->
        <view
          wx:if="{{ index === 0 && c_video }}"
          class="goods-video-play"
          catch:tap="handleVideoPlayClicked" />
      </swiper-item>
    </swiper>
    <!-- 主图视频 -->
    <video
      id="goods-video-id" 
      v-if="{{ c_video && showAll }}" 
      hidden="{{ !showVideo }}" 
      class="goods-video" 
      style="height: {{ height }}px;" 
      src="{{ c_video.videoUrl }}"
      catch:tap="handleVideoTap"
      bindplay="handleVideoPlay" 
      bindpause="handleVideoPause" 
      bindended="handleVideoEnded" 
      bindfullscreenchange="handleFullscreenChange" >
      <cover-view
        bind:tap="handleVideoClose"
        hidden="{{ !showCloseVideoBtn }}"
        class="goods-video__close-btn {{ isVideoFullscreen ? 'goods-video__close-btn--fullscreen' : '' }}">
        ×
      </cover-view>
    </video>
  </view>