<!-- 整个视频 -->
  <txv-video showCenterPlayBtn="{{false}}" id="vids" vid="{{vid}}" playerid="{{vid}}" isHiddenStop="{{true}}"
    width="100%" controls bindtimeupdate="onVideoTimeUpdate" bindended="onVideoEnded" bindplay="onVideoPlay">
    <view wx:if="{{!videoPlaying}}" catchtap="playVideo">
      <image class="play" src="../../../images/play.png" mode="widthFix"></image>
    </view>

    <!-- 题目区域 -->
    <view wx:if="{{currQuestion}}" class="question">
      <!-- 题目标题和选项 -->
      <view class="q-title">Q：{{currQuestion.title}}</view>
      <view class="q-options">
        <view wx:for="{{currQuestion.options}}" wx:key="id" class="option" bindtap="userAnswer" data-id="{{item.id}}" data-index="{{currQuestion.index}}">
          {{item.id}}:{{item.text}}
          <!-- 答对错的小勾 -->
          <image wx:if="{{ currCorrect && item.id === currUserAnswer }}" class="curr-correct-icon" mode="widthFix"
            src="../../../images/camp/correct.png"></image>
        </view>
      </view>
      <!-- 答完后提示 -->
      <image wx:if="{{currWrong}}" class="curr-wrong" mode="widthFix"
        src="https://public.shengshizhuoge.com/basf_microapp/img/camp/2/video-q-wrong.png"></image>
      <image wx:if="{{currCorrect}}" class="curr-correct" mode="widthFix"
        src="https://public.shengshizhuoge.com/basf_microapp/img/camp/2/video-q-correct.png"></image>
    </view>
  </txv-video>

JS

playVideo(){
    const TxvContext = requirePlugin("tencentvideo")
    let txvContext = TxvContext.getTxvContext(this.data.vid)
    txvContext.play()
    this.setData({
      videoPlaying: true
    })
  },