<!--components/my-video.wxml-->
<view class="live-content">
  <video id="videoPlayer" 
        class="video"
        danmu-list="{{danmuList}}"
        enable-danmu="{{false}}"
        show-fullscreen-btn 
        show-center-play-btn='{{false}}'
        enable-progress-gesture="{{false}}"
        show-play-btn="{{true}}"
        controls="{{true}}"
        object-fit="contain"
        picture-in-picture-mode="{{[]}}"
        show-background-playback-button="{{false}}"
        src="{{src}}"
        bindended="handleEnded"
        binderror="handleError"
        bindpause="handlePause"
        bindtimeupdate="handleTimeUpdate"
        bindfullscreenchange="handleFullscreenChange"
        bindloadedmetadata="handleLoadedMetadata"
        >
        <cover-view class="cover"></cover-view>
        <image wx:if="{{!playing}}" src="{{backgroundUrl}}" mode="aspectFill" class="poster-image"></image>
        <view class="video-poster" wx:if="{{!playing}}" catchtap="handlePosterTap">
            <view class="play-button">
                <view class="play-icon">
                    ▶
                </view>
            </view>
        </view>
    </video>
</view>