最近公司需要一个直播视频的功能，前端使用elementui框架，后端使用PHP语言，返回视频流地址给前端，这就遇到了如何展现直播视频的问题。
通过一系列在网上查询资料，最终选用video.js进行开发，这就需要使用npm安装video.js插件，打开命令行窗口，定位到项目根目录下，执行下面命令，即可安装video.js插件。
npm install --save video.js
执行上面命令后，会安装7.0以上版本的video.js，就不需要安装videojs-contrib-hls插件，这个插件是用来解析hls视频的。当然对于我们来说就不需要考虑这点了。可通过查看package.json文件查看版本信息。
接下来愉快地开始展示视频吧。
我猜你一定也是通过后台获取视频流地址，那么我们就需要先获取视频流地址后再进行视频的播放，接下来是核心代码。
的沙
建议在组件销毁前进行video.js的销毁，如下图所示。
如此则显示完整的直播视频了。
| 留言与评论（共有 0 条评论） “” |
