vue3如何播放flv视频

在Vue3中播放FLV视频可以使用flv.js库。以下是一个简单的示例代码：

1. 首先，安装flv.js库：

npm install flv.js

2. 在Vue组件中引入flv.js并创建一个FLV播放器：

import flvjs from 'flv.js';

export default {
  mounted() {
    if (flvjs.isSupported()) {
      const videoElement = this.$refs.video; // 获取video元素的引用
      const flvPlayer = flvjs.createPlayer({
        type: 'flv',
        url: 'your_flv_video_url.flv' // 替换为你的FLV视频URL
      });
      flvPlayer.attachMediaElement(videoElement);
      flvPlayer.load();
      flvPlayer.play();
    }
  }
}

3. 在Vue模板中使用video元素来展示视频：

<template>
  <div>
    <video ref="video" controls></video>
  </div>
</template>

确保替换代码中的`your_flv_video_url.flv`为你实际的FLV视频URL。这样，当组件加载时，FLV视频将会自动加载和播放。

请注意，为了在浏览器中播放FLV视频，可能需要安装插件或在服务器上进行适当的配置。