tuanfeng-pc-admin/src/views/rm-bank/activity/components/PreviewVideo.vue

<template>
  <el-dialog append-to-body :close-on-click-modal="false" title="视频预览" :visible.sync="previewVideoVisible" width="20%">
    <video autoplay  style="width: 100%" :src="videoUrl" controls></video>
    <template #footer>
      <span class="dialog-footer">
        <el-button size="mini" @click="previewVideoVisible = false">取消</el-button>
      </span>
    </template>
  </el-dialog>
</template>

<script>
export default {
  data() {
    return {
      previewVideoVisible: false
    }
  },

  methods: {
    show(videoUrl) {
      this.videoUrl = videoUrl
      this.previewVideoVisible = true
    }
  }
}
</script>