vue2 播放mp4 播放完毕自动重播

您可以使用`<video>`标签来播放mp4文件，并使用JavaScript代码来实现播放完毕后自动重播的功能。以下是示例代码：

<template>
  <div>
    <video ref="videoPlayer" :src="mp4Url" @ended="restartVideo" autoplay controls></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      mp4Url: 'your_mp4_url'
    };
  },
  methods: {
    restartVideo() {
      this.$refs.videoPlayer.currentTime = 0;
      this.$refs.videoPlayer.play();
    }
  }
};
</script>

在此示例中，我们在`<video>`标签上设置了`ref`属性，以便在JavaScript代码中引用它。我们还在`<video>`标签上设置了`@ended`事件，当视频播放完毕时，这个事件会被触发，并执行`restartVideo`方法。在`restartVideo`方法中，我们将视频的当前时间设置为0，然后调用`play`方法来重新播放视频。最后，我们在`<video>`标签上设置了`autoplay`属性来让视频在页面加载时自动播放，并设置了`controls`属性来显示视频控件。