重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下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,如果自己的项目没用他请用自己的方式改一下样式部分避免报错
暂未播放视频