bingxue-wechat/pages/community/videoDetails/videoDetails.wxml

<view class="flexible">
  <video autoplay loop controls="false" show-fullscreen-btn="{{false}}" show-center-play-btn="{{false}}" class="full col center" src="{{imgUrl + article.filePath}}" bindtap="clickVideo">
    <!-- <cover-image src="../../../imgs/video-play.png" class="videoPlay"></cover-image> -->
    <cover-view class="videoContent {{showComments?'showComments':''}}" wx:if="{{showInfo}}">
      <cover-view class="wrp row crosscenter">
        <cover-view class="circle">
          <cover-image mode="widthFix" src="{{article.avatar}}" class="avatar"></cover-image>
        </cover-view>
        <cover-view>{{article.nickname}}</cover-view>
      </cover-view>
      <cover-view class="intop txtsub">{{article.articleContent}}</cover-view>
      <cover-view class="bortop commentsContatiner {{allowComments?'':'hide'}}">
        <cover-view class="comment row textsub wrp" style="color:#333">
          <cover-view class="row flexible crosscenter input item" catchtap="clickCommemntInput">
            <cover-image src="../../../imgs/input.png" mode="scaleToFill"></cover-image>
            <cover-view class="subtxt" wx:if="{{!commentFocus}}" style="line-height: 1.8em">说点什么...</cover-view>
            <input wx:if="{{commentFocus}}" placeholder="说点什么..." cursor-spacing="10" class="flexible" focus="{{commentFocus}}" bindfocus="focusComment" bindblur="blurComment"  confirm-type="done" bindconfirm="clickCommentconfirm" bindinput="inputComment" value="{{comment}}"></input>
          </cover-view>
          <cover-view class="row crosscenter item" wx:if="{{isFocused}}" bindtap="clickCommentconfirm">确定</cover-view>
          <cover-view class="row crosscenter subtxt item" wx:if="{{!isFocused}}" bindtap="clickFavor">
            <cover-view>
              <cover-image src="../../../imgs/favorite{{article.is_zan=='1'?'-checked':''}}.png" mode="scaleToFill"></cover-image>
            </cover-view>
            <cover-view>{{article.num_zan}}</cover-view>
          </cover-view>
          <cover-view class="row crosscenter subtxt item" wx:if="{{!isFocused}}" bindtap="clickCollection">
            <cover-view>
              <cover-image src="../../../imgs/collection{{article.is_follow=='1'?'-checked':''}}.png" mode="scaleToFill"></cover-image>
            </cover-view>
            <cover-view>{{article.num_follow}}</cover-view>
          </cover-view>
          <cover-view class="row crosscenter subtxt item" bindtap="clickComments" wx:if="{{!isFocused}}">
            <cover-view>
              <cover-image src="../../../imgs/comments.png" mode="scaleToFill"></cover-image>
            </cover-view>
            <cover-view>{{article.num_comment}}</cover-view>
          </cover-view>
        </cover-view>
        <cover-view class="comments scrolly">
          <cover-view class="inright row" wx:for="{{comments}}" wx:key>
            <cover-image src="{{item.upload_head}}" class="gapright"></cover-image>
            <cover-view class="col flexible">
              <cover-view class="txtsub nickname gapbot">{{item.nickname}}</cover-view>
              <cover-view class="row content wrpright borbot">
                <cover-view class="flexible" style="color: #333;word-break: break-all;word-wrap:break-word;white-space:pre-line;">{{item.content}}</cover-view>
                <cover-view class="subtxt">{{item.addtime}}</cover-view>
              </cover-view>
            </cover-view>
          </cover-view>
        </cover-view>
      </cover-view>
    </cover-view>
  </video>
</view>