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

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()">&nbsp; &nbsp; &nbsp; &nbsp; <i class="iconfont img-text">&#xe614;</i>&nbsp; &nbsp; &nbsp; </div>