由于小程序使用了阿里云的点播方式上传视频转码查看,大大的把视频压缩处理了,无论是上传还是查看都速度挺快的。
但是PC上如果使用普通的video标签直接播放m3u8是会出问题的。
所以找到了video.js这个好的插件使用起来得心应手,支持m3u8也支持向的mp4视频格式播放
接下来记录下操作记录:
一、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、建立一个子组件方便多个地方使用