我想写一个vue项目，里面可以播放视频flv格式和m3u8格式的

很高兴回答你的问题。Vue.js 是一个功能强大的前端 JavaScript 框架，可以让你构建响应式应用程序。你可以使用它来播放 FLV 格式和 M3U8 格式的视频，只需要添加一个 HTML5 播放器插件即可。

相关问题

vue3 播放 265 M3U8格式视频

Vue 3 可以使用第三方的视频播放库来实现播放 .265 M3U8 格式的视频。一个常用的库是 `video.js`，它是一个开源的 HTML5 视频播放器。以下是一个示例代码：

首先，安装 `video.js` 和 `videojs-contrib-hls`（用于支持 M3U8 格式）：

npm install video.js
npm install videojs-contrib-hls

然后，在 Vue 组件中使用 `video.js`：

<template>
  <div>
    <video ref="videoPlayer" class="video-js vjs-default-skin" controls></video>
  </div>
</template>

<script>
import videojs from 'video.js';
import 'video.js/dist/video-js.css';
import 'videojs-contrib-hls';

export default {
  mounted() {
    // 创建 video.js 实例
    this.player = videojs(this.$refs.videoPlayer, {
      techOrder: ['html5']
    }, () => {
      // 播放 M3U8 格式的视频
      this.player.src({
        src: '视频地址.m3u8',
        type: 'application/x-mpegURL'
      });
    });
  },
  beforeDestroy() {
    // 销毁 video.js 实例
    if (this.player) {
      this.player.dispose();
    }
  }
};
</script>

<style>
/* video.js 样式 */
@import '~video.js/dist/video-js.css';
</style>

在上述代码中，我们首先导入并引入了 `video.js` 和 `videojs-contrib-hls` 库。然后，在组件的 `mounted` 钩子函数中，创建了一个 `video.js` 实例，并设置 `techOrder` 为 `['html5']`，表示优先使用 HTML5 播放器。

在 `video.js` 的回调函数中，使用 `player.src()` 方法来设置视频源，其中 `src` 为视频地址，`type` 为视频类型，这里是 M3U8 格式的视频。

最后，在组件的 `beforeDestroy` 钩子函数中，销毁 `video.js` 实例。

在使用时，将视频地址替换为实际的 .265 M3U8 格式视频的地址即可。希望对你有所帮助！

能播放.m3u8格式的vue视频播放插件

你可以使用video.js插件来播放.m3u8格式的视频。video.js是一个流行的HTML5视频播放器，可以在Vue项目中使用。首先，你需要安装video.js和videojs-contrib-hls插件。安装完成后，你可以在Vue组件中使用video.js来播放.m3u8格式的视频。下面是一个简单的示例：

首先，使用npm安装video.js和videojs-contrib-hls插件：

npm install video.js videojs-contrib-hls

然后，在你的Vue组件中引入video.js和videojs-contrib-hls插件：

import videojs from 'video.js';
import 'video.js/dist/video-js.css';
import 'videojs-contrib-hls';

export default {
  mounted() {
    // 在组件挂载完成后初始化video.js播放器
    const player = videojs(this.$refs.videoPlayer);

    // 设置视频源为.m3u8格式的链接
    player.src({
      src: 'http://example.com/path/to/video.m3u8',
      type: 'application/x-mpegURL'
    });

    // 播放视频
    player.play();
  }
}

最后，在你的模板中添加video标签来显示视频播放器：

<template>
  <div>
    <video ref="videoPlayer" class="video-js vjs-default-skin" controls></video>
  </div>
</template>

这样，你就可以在Vue项目中使用video.js来播放.m3u8格式的视频了。记得替换示例代码中的视频链接为你自己的链接。