vue video标签显示暂停开始

在Vue.js中，如果你想控制video标签的播放和暂停状态，你可以使用`v-bind`指令来绑定事件和属性。下面是一个基本的例子：

<template>
  <div>
    <button @click="playVideo">播放</button>
    <button @click="pauseVideo">暂停</button>
    <video v-bind:src="videoSrc" :controls></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videoSrc: 'your_video_url', // 替换为你的视频URL
      isPlaying: false,
    };
  },
  methods: {
    playVideo() {
      this.isPlaying = true;
      this.$refs.video.play();
    },
    pauseVideo() {
      this.isPlaying = false;
      this.$refs.video.pause();
    },
  },
};
</script>

在这个例子中，我们创建了两个按钮分别触发`playVideo`和`pauseVideo`方法，当点击播放按钮时，`play`方法会设置`isPlaying`为`true`并调用video元素的`play()`方法；当点击暂停按钮时，设置`isPlaying`为`false`并调用`pause()`方法。

注意，在实际使用时你需要给`video`元素添加`ref`属性以便在JavaScript中访问它，就像上面的`$refs.video`那样。