vue项目中播放M3u8格式的视频，最终选择了Dplayer这款播放器，DPlayer是一个可爱的HTML5 弹幕视频播放器，可以帮助人们轻松地构建视频和弹幕。

Dplayer帮助文档/官网

因为Dplayer 文档中有默认的弹幕库，你也可以自己搭建弹幕服务器，貌似是node 环境，Dplayer中有配置参数，可以提交代码和获取代码，大致是

 danmaku: {
        id: '9E2E3368B56CDBB4', //视频的id
        api: 'https://api.prprpr.me/dplayer/', //dplayer中的弹幕接口
        token: 'tokendemo', //这里是做token认证的，
        maximum: 1000, //弹幕获取的数量
        addition: ['https://api.prprpr.me/dplayer/v3/bilibili?aid=4157142'],
        user: 'DIYgod', //弹幕作者
        bottom: '15%',  // 距离头部的距离
        unlimited: true,
    },

因为dplayer的弹幕默认在接口后面添加了 /v3，比如说项目的接口为https://xxx/xxx/xxx?id=1,但是经过dplayer发送的请求就成了https://xxx/xxx/xxx/v3?id=1,这样我们根本就无法获取到数据了。

解决方案

• 1 首先，vue项目中不要用 npm install dplayer
• 2 把dplayer下载到项目中，形成一个dplayer的文件
  
  • 3 修改dplayer中的DPlayer.min.js
    把 文件内所有带/v3 的代码统统删除，
    ok—大功告成