<view class="volc-live-player-container">
<video
  class="volc-live-player"
  wx:if="{{engine === 'video'}}"
  id="innerLiveVideo"
  src="{{src}}"
  is-live="{{true}}"
  autoplay="{{true}}"
  controls="{{false}}"
  show-center-play-btn="{{false}}"
  show-play-btn="{{false}}"
  enable-progress-gesture="{{false}}"
  show-fullscreen-btn="{{false}}"
  show-background-playback-button="{{false}}"
  object-fit="{{objectFit}}"
  picture-in-picture-mode="{{pictureInPictureMode}}"
  bindplay="handlePlay"
  bindpause="handlePause"
  binderror="handleError"
  bindfullscreenchange="handleFullscreenChange"
  bindwaiting="handleWaiting"
  bindloadedmetadata="handleLoadedMetaData"
  bindenterpictureinpicture="handleEnterPictureInPicture"
  bindleavepictureinpicture="handleLeavePictureInPicture"
  bindprogress="handleProgress"
  bindtimeupdate="handleTimeUpdate"
  bindended="handleEnded"
>
  <slot />
  <view wx:if="{{showControls}}" class="volc-live-player-tap-layer" bindtap="_handleTapLayerTap"></view>
  <view
    wx:if="{{showControls && controlsVisible}}"
    class="volc-live-player-controls {{isFullscreen ? 'is-fullscreen' : ''}}"
    catchtap="_handleControlsTap"
  >
    <view class="volc-live-player-top">
      <view class="volc-live-player-top-right-slot">
        <slot name="topRight" />
      </view>
    </view>
    <view class="volc-live-player-controls-bottom-shadow"></view>
    <view class="volc-live-player-controls-top-shadow"></view>
    <view wx:if="{{showPlayControl}}" class="volc-live-player-play" bindtap="_togglePlay">
      <image
        class="volc-live-player-play-icon"
        src="{{isPlaying ? '../../../assets/mobilePause.svg' : '../../../assets/mobilePlay.svg'}}"
        mode="aspectFit"
      />
    </view>
    <view
      wx:if="{{showFullscreenControl}}"
      class="volc-live-player-fullscreen"
      bindtap="_toggleFullscreen"
    >
      <image
        class="volc-live-player-fullscreen-icon"
        src="{{isFullscreen ? '../assets/mobileExitFullscreen.svg' : '../assets/mobileFullscreen.svg'}}"
      />
    </view>
  </view>
    <volc-loading wx:if="{{isLoading}}" zIndex="{{15}}" theme="dark" type="player" />
</video>



</view>
