reader/component/videoPreview/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="work">
    <view class="workHead">
        <view class="wH-left">
            <image src="{{videoInfo.user.avatar}}" class="avatar" mode="" />
            <view class="wH-left-user">
                <view class="nickname textOver">{{videoInfo.user.wechatName}}</view>
                <view class="time">发布时间：{{videoInfo.userRead.day}}</view>
            </view>
        </view>
        <view class="wH-right" wx:if="{{videoInfo.userRead.status!='CHECK'}}">
            <view class="wH-right-btn" bindtap="download">
                <image class="img" src="/static/index/down.png" mode="" />
                <view class="text">下载</view>
            </view>
            <view class="wH-right-btn" bindtap="delete">
                <image class=" img" style="width:24rpx" src="/static/index/delete.png" mode="" />
                <view class="text">删除</view>
            </view>
            <view class="wH-right-btn" bindtap="setVideoPublic">
                <image class="img" style="width:30rpx"
                    src="{{videoInfo.userRead.status==='NORMAL'? '/static/index/unlock.png': '/static/index/lock.png'}}" />
                <view class="text">
                    {{videoInfo.userRead.status==='NORMAL'? '公开': '私密'}}
                </view>
            </view>
        </view>
    </view>
    <view class="workContent">
        <!-- 审核中遮罩 -->
        <view class="videoBox" wx:if="{{videoInfo.userRead.status=='CHECK'&&videoInfo.userRead.id!=currentId}}">
            <view class="maskBg"></view>
            <image class="maskImg" src="/static/index/checking.png" />
            <image class="cover" src="{{videoInfo.userRead.coverImg}}" />
        </view>
        <!--未播放-->
        <view class="videoBox" wx:if="{{videoInfo.userRead.status!='CHECK'&&videoInfo.userRead.id!=currentId}}"
            bindtap="playVideo">
            <image class="play" src="/static/image/play-btn.png" />
            <image class="cover" src="{{videoInfo.userRead.coverImg}}" />
        </view>
        <!-- 播放时渲染的video -->
        <video class="video" id="myVideo" wx:if="{{videoInfo.userRead.id==currentId}}"
            src="{{videoInfo.userRead.videoPath}}" autoplay="true" object-fit="contain">
        </video>
    </view>
    <view class="workFooter">
        <view class="title">{{videoInfo.userRead.title}}</view>
        <view class="mange" wx:if="{{videoInfo.userRead.status!='CHECK'}}">
            <view class="mangeL">
                <view class="mangeL-box">
                    <image src="/static/image/no_collect.png" mode="" class="icon" />
                    <view class="icon-name">收藏</view>
                </view>
                <button class="resetBtn mangeL-box" open-type="share" data-info='{{videoInfo}}'>
                    <image src="/static/index/share.png" mode="" class="icon" />
                    <view class="icon-name">分享</view>
                </button>
            </view>
            <view class="mangeL">
                <view class="mangeL-box" bindtap="likeVideo">
                    <image src="{{videoInfo.isLike ? '/static/index/heart_colored.png' : '/static/index/heart.png'}}"
                        mode="" class="icon" />
                    <view class="icon-name">{{filters.numFilter(videoInfo.userRead.likeAmount)}}</view>
                </view>
                <view class="mangeL-box" bindtap="openComment">
                    <image src="/static/index/comment.png" mode="" class="icon" />
                    <view class="icon-name">{{filters.numFilter(videoInfo.userRead.commentAmount)}}</view>
                </view>
            </view>
        </view>
    </view>
</view>