vue2自动播放.MP4文件_vue2 pm4 播放

在Html中使用video标签

<video ref="videoRef" autoplay loop :muted="true">
      <source :src="videoSource" type="video/mp4">
    </video>

在 data中引入文件

data() {
        return {
            videoSource: require('@/assets/mp4/search.mp4')
        }
    },

在mounted中定义方法

 mounted() {
        this.$refs.videoRef.addEventListener('ended', this.restartVideo());
    },

在methods中定义

 methods: {
        restartVideo() {
            this.$refs.videoRef.currentTime = 0;
            this.$refs.videoRef.play();
        },
    }