<view class="page-body">
  <view class="page-section tc">
    <video
      id="myVideo"
      src="https://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400"
      binderror="videoErrorCallback"
      danmu-list="{{danmuList}}"
      enable-danmu
      danmu-btn
      controls
      show-mute-btn
    ></video>
    <view class="plus-cells">
      <view class="plus-cell plus-cell_input">
        <view class="plus-cell__hd">
          <view class="plus-label">Barrage content</view>
        </view>
        <view class="plus-cell__bd">
          <input
            bindblur="bindInputBlur"
            class="plus-input"
            type="text"
            placeholder="enter barrage content..."
            value="{{value}}"
          />
        </view>
      </view>
    </view>
    <view class="btn-area">
      <button bindtap="bindSendDanmu" class="page-body-button" type="primary" formType="submit">
        Send barrage
      </button>
      <button bindtap="bindPlay" class="page-body-button" type="primary">Play</button>
      <button bindtap="bindPause" class="page-body-button" type="primary">Pause</button>
      <button bindtap="onPlaybackRate" class="page-body-button" type="primary">2x speed</button>
    </view>
  </view>
</view>
