当小程序同个页面有多个video标签时，为了避免加载页面的时候同时预加载多个video的资源，使用同样大小的poster图占位。
制造一个假的视频界面。当点击时候使用wx:if加载真正的video

2018-03-22_173154.png

增加半透明遮罩层，方便显示视频文字简介

<!--pages/myvideo/myvideo.wxml-->
<view wx:for="{{videoList}}" wx:for-index="index">
  <view class="fakeVideo" wx:if="{{!item.isClicked}}">
    <text class="faketitle">{{item.intro}}</text>
    <image src='../../img/fakeVideo_top.png' data-idx="{{index}}" data-vid="{{item.videoId}}" class="fakeVideo_top" bindtap='startPlay'></image>
    <view class="fakeVideo_mask"></view>
    <image src="{{item.poster}}" class="fakeVideo_under"></image>
  </view>
  <video wx:if="{{item.isClicked}}" id="{{item.videoId}}" src="{{item.videoUrl}}" danmu-list="{{item.danmuList}}" poster="{{item.poster}}" enable-danmu danmu-btn controls objectFit="fill" data-videoid="{{item.videoId}}" bindtimeupdate='mycurrenttime'></video>
  <view class="review">
    <image src="../../img/zan.svg" class="review_img" data-index="{{index}}" bindtap='bindZan'></image>
    <view class="videoBadge" wx:if="{{item.zanNum}}">{{item.zanNum>999?999+"+":item.zanNum}}</view>
    <input type="text" placeholder="快来吐槽?" class="danmu" data-videoid="{{item.videoId}}" bindblur="bindInputBlur" />
    <button class="send" bindtap="bindSendDanmu" data-index="{{index}}" data-videoid="{{item.videoId}}">吐槽</button>
    <image src="../../img/liuyan.svg" class="review_img" data-index="{{index}}" data-videoid="{{item.videoId}}" bindtap='toVideoDetail'></image>
    <button open-type='share' data-videoid="{{item.videoId}}" class='review_button'>
      <image src="../../img/fenxiang.svg" class="review_img"></image>
    </button>
  </view>
</view>

主要为wx:if="{{!item.isClicked}}"