<!--components/player.wxml-->
<view class="player-object">
		<video
            wx:if="{{showVideo && vodUrl}}"
            id="vodVideo"
            src="{{vodUrl}}"
            autoplay="{{true}}"
            show-fullscreen-btn="{{false}}"
            show-play-btn="{{false}}"
            show-center-play-btn="{{false}}"
            class="video"
            object-fit="contain"
            direction="0"
            bindplay="onVideoPlay"
            bindpause="onVideoPause"
            bindended="onVideoEnded"
            binderror="onVideoError"
        ></video>

        <live-player
            wx:if="{{liveUrl}}"
            live-url="{{liveUrl}}"
            vod-url="{{vodUrl}}"
            is-playback="{{isPlayback}}"
            room-title="{{roomInfo.title}}"
            viewer-count="{{roomInfo.viewerCount}}"
            is-living="{{roomInfo.isLiving}}"
            object-fit="contain"
            mode="live"
            class="player-video"
            bindstatechange="onLiveStateChange"
            binderror="onLiveError"
            bindplay="onVideoPlay"
            bindpause="onVideoPause"
            bindended="onVideoEnded"
        />

	</view>