鍍金池/ 問答/HTML5  HTML/ 用自定義的按鈕來控制視頻暫停，播放

用自定義的按鈕來控制視頻暫停，播放

新手請(qǐng)教
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();
    }
  }
}

}

運(yùn)行效果：

clipboard.png

按鈕點(diǎn)擊沒有用
求解

回答
編輯回答
我不懂

事件寫錯(cuò)了吧，@后面沒有冒號(hào)

<div class="vdobnt" @click="playVideo()">
        <i class="iconfont img-text">&#xe614;</i>
      </div>
2018年1月16日 15:49