<view
  class="videoWrapper"
  style="width: {{width + 'rpx'}}; height: {{height + 'rpx'}};"
  onAppear="handleVideoAppear"
  onDisappear="handleVideoDisappear"
>
  <video
    id="{{uniqueId}}"
    a:if="{{networkType + '' === 'WIFI'}}"
    class="video"
    src="{{src}}"
    enableNative="{{enableNative}}"
    poster="{{poster}}"
    loop="{{true}}"
    controls="{{false}}"
    show-mute-btn="{{false}}"
    muted="{{isVideoMuted}}"
    autoplay="{{false}}"
    object-fit="{{objectFit || 'contain'}}"
    onError="handleVideoError"
    onTimeUpdate="handleUpdateTime"
    onPlay="handlePlay"
    onPause="handlePause"
    onEnded="handleEnded"
  />
  <tb-shop-picture
    a:else
    style="width: {{width + 'rpx'}}; height: {{height + 'rpx'}};"
    source="{{ uri: poster }}"
    lazyload="{{true}}"
  />
  <view
    class="videoMask"
    onTap="handleClickVideoMask"
  />
  <view
    a:if="{{showTime && videoTime}}"
    class="play"
  >
    <tb-shop-picture
      class="iconPlay"
      source="{{
            uri: 'https://img.alicdn.com/imgextra/i1/O1CN01VuXT4N1KbOnMjrjnR_!!6000000001182-2-tps-38-48.png',
          }}"
    />
    <text
      class="time"
      number-of-lines="{{1}}"
    >{{remainTime}}</text>
  </view>
  <view
    a:if="{{showMuted}}"
    class="muted"
    onTap="handleMuteVideo"
  >
    <tb-shop-picture
      class="iconMuted"
      source="{{
            uri: isVideoMuted
              ? 'https://gw.alicdn.com/imgextra/i1/O1CN01g5smuL1pi2dD4VNhw_!!6000000005393-2-tps-96-96.png'
              : 'https://gw.alicdn.com/imgextra/i4/O1CN019UZshz1CqUvgZmNvV_!!6000000000132-2-tps-96-96.png',
          }}"
    />
  </view>
  <view a:if="{{showLogs}}" style="position: absolute; top: 0; color: red;">
    <view a:for="{{logs}}">{{item}}</view>
  </view>
</view>