vue vue-video-player无法播放无音频流的m3u8

根据提供的引用内容，可以使用vue-video-player播放m3u8格式的视频，但是无法播放无音频流的m3u8。为了解决这个问题，需要安装videojs-contrib-hls插件，并在Vue项目中进行配置。

以下是一个使用vue-video-player播放m3u8格式视频的示例：

1. 首先，安装vue-video-player和videojs-contrib-hls插件：

npm install vue-video-player --save
npm install videojs-contrib-hls --save

2. 在main.js中引入vue-video-player和videojs-contrib-hls：

import Vue from 'vue'
import VideoPlayer from 'vue-video-player'
import 'vue-video-player/src/custom-theme.css'
import 'video.js/dist/video-js.css'
import 'videojs-contrib-hls'

Vue.use(VideoPlayer)

3. 在Vue组件中使用vue-video-player播放m3u8格式视频：

<template>
  <div>
    <video-player :options="playerOptions"></video-player>
  </div>
</template>

<script>
export default {
  data() {
    return {
      playerOptions: {
        sources: [{
          type: 'application/x-mpegURL',
          src: 'path/to/your/video.m3u8'
        }],
        autoplay: true,
        controls: true
      }
    }
  }
}
</script>

请注意，以上示例中的"path/to/your/video.m3u8"应替换为实际的m3u8视频文件路径。