用自定义的按钮来控制视频暂停，播放

Question

新手请教
html
<video id="myVideo">

        <source src="http://mp4.vjshi.com/2017-08-19/77d91a4d01939d1b321fff6b2988f904.mp4" type="video/ogg" />
      </video>
      <div class="vdobnt" @:click="playVideo()">
        <i class="iconfont img-text">&#xe614;</i>
      </div>
      

js

methods: {

playVideo() {
  var vdo = document.getElementById("myVideo");
  vdo.onclick = function() {
    if (video.paused) {
      vido.play();
    } else {
      video.pause();
    }
  }
}

}

运行效果：

按钮点击没有用
求解

Answer 1

事件写错了吧，@后面没有冒号

<div class="vdobnt" @click="playVideo()">
        <i class="iconfont img-text">&#xe614;</i>
      </div>