vue3 vue-video-player 播放MP4

你可以通过使用Vue3和vue-video-player来播放MP4视频。首先，确保你已经安装了Vue3和vue-video-player插件。然后，按照以下步骤进行操作：

1. 在你的Vue组件中，导入vue-video-player：

import VueVideoPlayer from 'vue-video-player';
import 'video.js/dist/video-js.css';
import 'vue-video-player/src/custom-theme.css';

export default {
  components: {
    VueVideoPlayer,
  },
  // ...
}

2. 在模板中使用vue-video-player组件并传递视频链接：

<template>
  <div>
    <vue-video-player :options="videoOptions" :videos="videoSources"></vue-video-player>
  </div>
</template>

3. 在组件的data中定义视频链接和选项：

export default {
  // ...
  data() {
    return {
      videoSources: [
        {
          src: 'your_video_url.mp4',
          type: 'video/mp4',
        },
      ],
      videoOptions: {
        autoplay: false,
        controls: true,
      },
    };
  },
  // ...
}

确保将`your_video_url.mp4`替换为你自己的视频链接。通过调整`videoOptions`对象中的选项，可以自定义视频播放器的行为，例如自动播放和控制按钮的显示。

这样，你就可以使用vue-video-player插件在Vue3中播放MP4视频了。记得根据你的需求调整代码和样式。