Vuetify v-对话框在关闭时停止播放视频

<template>
  <v-dialog v-model="dialogVisible">
    <!-- 对话框内容 -->
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  }
};
</script>

<template>
  <v-dialog v-model="dialogVisible">
    <v-card>
      <v-card-text>
        <!-- 其他内容 -->
        <video v-if="dialogVisible" controls>
          <source src="video.mp4" type="video/mp4">
        </video>
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<template>
  <v-dialog v-model="dialogVisible" @close="onDialogClose">
    <!-- 对话框内容 -->
  </v-dialog>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false
    };
  },
  methods: {
    onDialogClose() {
      this.dialogVisible = false;
    }
  }
};
</script>