vue-video-player如何实现实时视频播放的案例-创新互联

小编给大家分享一下vue-video-player如何实现实时视频播放的案例，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

监控设备播放效果如下

1、vue项目安装vue-video-player

npm install vue-video-player --save

2、编写视频播放组件（放上完整的组件例子，父组件调用时给videoSrc和playerOptions.sources[0].src赋值就可以播放了，具体操作有注释）

注：style样式部分用了lang=scss，如果自己的项目没用他请用自己的方式改一下样式部分避免报错