HTML 中的 video 元素可以使用 Vue 來控制播放器，Vue 的 data 中可以設置視頻的播放狀態(tài)，例如播放、暫停、停止等，同時在模板中綁定事件也可以控制視頻的播放。

首先，在 HTML 文件中引入 Vue 和視頻文件：

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<video src="example.mp4" v-on:click="play"></video>

然后，在 Vue 實例中設置數(shù)據(jù)和方法，控制視頻播放：

<script>
  var app = new Vue({
   el: '#app',
   data: {
    playing: false,
   },
   methods: {
    play: function () {
     this.playing = !this.playing;
     var video = document.getElementById("myVideo");
     if(this.playing){
      video.play();
    } else {
      video.pause();
     }
   },
  })
</script>

上面的代碼中，當點擊視頻時會執(zhí)行 play 方法，方法會將 playing 數(shù)據(jù)取反，同時獲取到視頻元素并判斷是否播放，從而控制視頻的播放和暫停，具體操作可以查看注釋。