1:安装 ：
安装 npm install @liveqing/liveplayer
安装 npm install copy-webpack-plugin@4.6.0
2:在build文件的 webpack.dev.conf.js下插入

image.png

//第一步
const CopyWebpackPlugin = require('copy-webpack-plugin');

......
// copy js lib and swf files to dist dir
//第二部
new CopyWebpackPlugin([
{ from: 'node_modules/@liveqing/liveplayer/dist/component/crossdomain.xml'},
{ from: 'node_modules/@liveqing/liveplayer/dist/component/liveplayer.swf'},
{ from: 'node_modules/@liveqing/liveplayer/dist/component/liveplayer-lib.min.js', to: 'js/'}
]),
......
3：在index.html文件引入
<script src="js/liveplayer-lib.min.js"></script>
4：在你的vue组件中 引入
//引入
import LivePlayer from '@liveqing/liveplayer'
//注册
components: {
LivePlayer
},
//使用组件
<LivePlayer :videoUrl="videoUrl" fluent autoplay loop stretch aspect='fullscreen'></LivePlayer>

//videoUrl：你的视频文件
5：一定要给LivePlayer组件的父级盒子一个css属性 ： position: relative;