npm(一定要用npm安装不要用cnpm)安装vue-video-player与videojs-flash
![](https://img.haomeiwen.com/i9496753/906b163625f2cab8.png)
在main.js中引入
![](https://img.haomeiwen.com/i9496753/a6be1d640d052194.png)
组件中使用
![](https://img.haomeiwen.com/i9496753/f704cc9d5767464e.png)
![](https://img.haomeiwen.com/i9496753/85098a9c06fc73f2.png)
![](https://img.haomeiwen.com/i9496753/5837c5e54792fd79.png)
demo地址:https://github.com/xuboyan/vue-video-play
直接下载下来 一定要检查自己是否安装了vue-cli3.0 和node.js
安装vue-cli3.0命令:npm install -g @vue/cli
demo运行步骤
安装依赖 npm install 运行 npm run serve
附:如果demo运行没画面 请自行百度rtmp播放地址更换
1.安装vue-video-player插件一定要用npm安装,不可使用cnpm安装
2.如果需要播放 RTMP 流,需要安装 videojs-flash 插件
3.如果两个流都需要播放,flash 插件需要安装到 hls 插件之前
4.如果需要播放 HLS 流,需要安装 videojs-contrib-hls 插件,非原生支持的浏览器,直播服务端需要开启 CORS
5.如果你需要在谷歌浏览器播放,需要将谷歌浏览器的flash设置改成允许使用flash插件播放
网友评论