标签 视频流播放器 下的文章

在PC端vue+elemenet使用视频流video.js播放m3u8视频


由于小程序使用了阿里云的点播方式上传视频转码查看,大大的把视频压缩处理了,无论是上传还是查看都速度挺快的。

但是PC上如果使用普通的video标签直接播放m3u8是会出问题的。

所以找到了video.js这个好的插件使用起来得心应手,支持m3u8也支持向的mp4视频格式播放

接下来记录下操作记录:

videojs-github
videojs-官网

一、NPM方式安装使用

1、npm安装video.js

npm install --save-dev video.js

2、在vue脚手架中引入video.js(main.js引入)

import Video from 'video.js' //videojs
import 'video.js/dist/video-js.css' //videocss样式
Vue.prototype.$video = Video //装载Video播放器

3、建立一个子组件方便多个地方使用