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

成都创新互联公司主营红河网站建设的网络公司,主营网站建设方案,成都app开发,红河h5小程序设计搭建,红河网站营销推广欢迎红河等地区企业咨询

监控设备播放效果如下

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

npm install vue-video-player --save

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

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

标题名称：vue-video-player如何实现实时视频播放的案例-创新互联
网站地址：http://pwwzsj.com/article/cohoge.html