如何在vue项目中实现视频播放

1、创建好vue工程/或者打开已有工程，小编此处工程名为：“vue-video”，在项目终端中运行“npm run serve” 展示现有工程运行状况。访问地址：http://localhost:8080后台无错误，界面可显示，验证得到当前系统运行正常。提醒：这是缩小后续产生bug排查范围常用的方式之一。

4、创建vue视频组件，此处小编修改Home.vue组件作为 修改为视频组件，引用视频组件，敛财醣沁并且实现组件<video-player ref="videoPlayer" :playsinline="true" :options="playerOptions"></video-player>....import{videoPlayer}from'vue-video-player';import'video.js/dist/video-js.css'....components:{videoPlayer},具体代码三块（template）（script的data ）（style）

7、小伙伴是否已经学会了，如若第一遍未知，可从第2步开始查看代码实现情况。