reader/components/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" bindtap="jumpUserInfo" />
      <view class="wH-left-user">
        <view class="nickname textOver">{{videoInfo.user.nickName||videoInfo.user.eid}}</view>
        <view class="time">{{videoInfo.userRead.day}}</view>
      </view>
    </view>
    <view class="wH-right" wx:if="{{videoType=='my'&&videoInfo.userRead.status!='CHECK'}}">
      <view class="wH-right-btn" bindtap="download">
        <image class="img" src="/static/down.png" mode="" />
        <view class="text">下载</view>
      </view>
      <view class="wH-right-btn" bindtap="delete">
        <image class=" img" style="width:24rpx" src="/static/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/unlock.png': '/static/lock.png'}}" />
        <view class="text">
          {{videoInfo.userRead.status==='NORMAL'? '公开': '私密'}}
        </view>
      </view>
    </view>
    <view class="wH-right"
      wx:elif="{{videoType=='public'&&selfUid!=videoInfo.user.uid||videoType=='excellent'&&selfUid!=videoInfo.user.uid}}">
      <view class="follow {{videoInfo.isFans?'isFans':''}}" bindtap="setFans">
        <image src="{{videoInfo.isFans?'/static/follow_2.png':'/static/follow_1.png'}}" class="character" mode="" />
        <text class="text">{{videoInfo.isFans?'已关注':'关注'}}</text>
      </view>
    </view>
    <view class="wH-right" wx:elif="{{videoType=='pk'}}">
      <view class="pkNum">
        {{videoInfo.userRead.score>=0?videoInfo.userRead.score+'分':''}}
      </view>
    </view>
  </view>
  <!-- 视频 -->
  <view class="workContent" wx:if="{{!videoInfo.userReadExtend||videoInfo.userReadExtend.resourcesType==0}}">
    <!-- 审核中遮罩 -->
    <view class="videoBox" wx:if="{{videoInfo.userRead.status=='CHECK'&&videoInfo.userRead.id!=currentId}}">
      <view class="maskBg"></view>
      <image class="maskImg" src="/static/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/play-btn.png" />
      <image class="cover" src="{{videoInfo.userRead.coverImg}}" />
    </view>
    <!-- 视频水印 -->
    <image src="{{videoInfo.readMaskTemplate.imgPath}}" class="watermark"
      style="pointer-events:{{videoInfo.userRead.status!='CHECK'&&videoInfo.userRead.id!=currentId?'auto':'none'}}"
      bindtap="playVideo" wx:if="{{videoInfo.userRead.status!='CHECK'}}" />
    <!-- 播放时渲染的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="workContent" wx:else>
    <view class="audioBox" bindtap="audioPlay">
      <image src=" {{videoInfo.userReadExtend.backgroundVirtualImg}}" class="audioBg" mode="aspectFill" />
      <view class="titleBox">
        {{videoInfo.userRead.title}}
      </view>
      <view class="audioPlay">
        <image src="/static/audioBg.png" class="audioPlayBg {{videoInfo.userRead.id==currentId?'circle':''}}" />
        <image src="/static/zhen.png" class="audioPlayZhen" />
        <image src="{{videoInfo.userRead.coverImg}}" class="cover {{videoInfo.userRead.id==currentId?'circle':''}}" />
      </view>
      <view class="progressBar">
        <image src="{{videoInfo.userRead.id==currentId?'/static/aStop.png':'/static/aPlay.png'}}" class="audioSwitch" />
        <view class="time">{{currentId == videoInfo.userRead.id?currentTime:'00:00'}}</view>
        <slider class="slider" value="{{currentId == videoInfo.userRead.id?sliderValue:0}}" catchtap="false"
          disabled="{{currentId != videoInfo.userRead.id}}" catchchange="slider" block-size='12'
          backgroundColor='#ffffff50' selected-color="#ffffff" />
        <view class="time">{{endTime}}</view>
      </view>
    </view>
  </view>
  <view class="workFooter" wx:if="{{videoInfo.userRead.status!='CHECK'}}">
    <button class="resetBtn mangeL-box" open-type="share" data-info='{{videoInfo}}'>
      <image src="/static/share.png" mode="" class="icon" />
      <view class="icon-name">分享</view>
    </button>
    <view class="mangeL-box" bindtap="collect">
      <image src="{{videoInfo.isFavorites ? '/static/star_colored.png' : '/static/star.png'}}" mode="" class="icon" />
      <view class="icon-name">{{videoInfo.isFavorites?'已收藏':'收藏'}}</view>
    </view>
    <view class="mangeL-box" bindtap="openComment">
      <image src="/static/comment.png" mode="" class="icon" />
      <view class="icon-name">{{filters.numFilter(videoInfo.userRead.commentAmount)}}</view>
    </view>
    <view class="mangeL-box" bindtap="likeVideo">
      <image src="{{videoInfo.isLike ? '/static/heart_colored.png' : '/static/heart.png'}}" mode="" class="icon" />
      <view class="icon-name">{{filters.numFilter(videoInfo.userRead.likeAmount)}}</view>
    </view>
  </view>
  <block wx:if="{{videoType!='my'}}">
    <view class="toReading" bindtap="toPkPage" wx:if="{{videoInfo.userRead.type=='READ'}}">
      <image src="/static/reading.png" class="reading" mode="" />
      <view class="reading-text">挑战PK</view>
    </view>
    <view class="toReading" bindtap="toPkPage" wx:if="{{videoInfo.userRead.type=='EXAMPLE'}}">
      <image src="/static/reading.png" class="reading" mode="" />
      <view class="reading-text">去朗读</view>
    </view>
  </block>
</view>