<custom chineseName="视频" engName="video"></custom>
<view class="wrap">
    <view class="card-area">
        <video
            style="width: 100%;"
            id="myVideo"
            title="这是title"
            src="{{src}}"
            initial-time="{{initialTime}}"
            controls="{{controls}}"
            autoplay="{{false}}"
            loop="{{loop}}"
            muted="{{voice}}"
            objectFit="{{objectFit}}"
            poster="{{posterSrc}}"
            page-gesture="{{pageGesture}}"
            direction="{{90}}"
            show-progress="{{progressGesture}}"
            show-fullscreen-btn="{{fullscreenBtn}}"
            enable-progress-gesture="{{false}}"
            danmu-list="{{danmuList}}"
            danmu-btn="{{true}}"
            enable-danmu="{{true}}"
            show-play-btn="{{playBtn}}"
            show-center-play-btn="{{centerPlayBtn}}"
            show-mute-btn="{{true}}"
            show-no-wifi-tip="{{noWifiTip}}"
            show-rate-btn="{{showRateBtn}}"
            show-vslide-btn-in-fullscreen="{{showVslideBtnInFullscreen}}"
            silent-play="{{silentPlay}}"
            vslide-gesture="{{true}}"
            vslide-gesture-in-fullscreen="{{true}}"
            enable-play-gesture="{{true}}"
            bindplay="videoPlay"
            bindpause="videoPause"
            binderror="videoError"
            bindended="videoEnded"
            bindwaiting="videoWaiting"
            bindtimeupdate="videoTimeupdate"
            bindfullscreenchange="fullscreen"
            bindloadedmetadata="loadedmetadata">
        </video>
    </view>
    <view class="card-area">
        <view class="swan-cells">
            <view class="swan-cell swan-cell_input">
                <view class="swan-cell__hd">
                    <view class="swan-label">弹幕内容</view>
                </view>
                <view class="swan-cell__bd">
                    <input bindinput="bindInput" type="text" value="{=userMessage=}" placeholder="在此处输入弹幕内容" />
                </view>
            </view>
        </view>
        <view class="btn-area">
            <button class="page-body-button" type="primary" bindtap="sendDanmu">发送弹幕</button>

            <view class="page-section-btns bottom-border">
                <view hover-class="hover" bindtap="voice">点击{{voice ? '有音':'无音'}}</view>
                <view hover-class="hover" data-set="contain" bindtap="objectFit">包含容器</view>
            </view>
            <view class="page-section-btns bottom-border">
                <view hover-class="hover" data-set="fill" bindtap="objectFit">填充容器</view>
                <view hover-class="hover" data-set="cover" bindtap="objectFit">覆盖容器</view>
            </view>

            <view class="page-section-btns bottom-border btn-long">
                <view hover-class="hover" bindtap="initialTime">指定初始播放位置为20s(播放前点击)</view>
                <view hover-class="hover" bindtap="playBtn">{{playBtn ? '': '不'}}显示视频底部控制栏的播放按钮</view>
            </view>

            <view class="page-section-btns bottom-border">
                <view hover-class="hover" bindtap="fullscreenBtn">{{fullscreenBtn?'不显示':'显示'}}全屏按钮</view>
                <view hover-class="hover" bindtap="loop">设置循环播放</view>
            </view>

            <view class="page-section-btns bottom-border btn-long">
                <view hover-class="hover" bindtap="pageGesture">开启手势调节亮度与音量</view>
                <view hover-class="hover" bindtap="centerPlayBtn">{{centerPlayBtn ? '': '不'}}显示视频中间的播放按钮</view>
            </view>

            <view class="page-section-btns bottom-border btn-long">
                <view hover-class="hover" bindtap="progressGesture">去掉全屏播放时手势控制进度</view>
                <view hover-class="hover" bindtap="vslideBtnInFullscreen">{{showVslideBtnInFullscreen ? '隐藏': '显示'}}全屏模式下的侧边栏控件</view>
            </view>

            <view class="page-section-btns bottom-border">
                <view hover-class="hover" bindtap="noWifiTip">wifi/4g浮层</view>
                <view hover-class="hover" bindtap="nextVideo">切换视频地址</view>
            </view>

            <view class="page-section-btns bottom-border btn-long">
                <view hover-class="hover" bindtap="rateBtn">{{showRateBtn ? '隐藏' : '显示'}}倍速播放按钮</view>
                <view hover-class="hover" bindtap="silentPlayMode">{{silentPlay ? '关闭': '开启'}}无声视频模式</view>
                <view hover-class="hover" bindtap="controls">显示默认播放控件</view>
            </view>
        </view>
    </view>
</view>
