详解vue-video-player使用心得(兼容m3u8)

2020-06-13 10:25:45易采站长站整理


npm install --save videojs-contrib-hls

在文件中引入


import ‘videojs-contrib-hls'

我这么引入会出现找不到文件,我没找到问题所在,如果这么引入不行,可以改为

在main.js文件中


const hls = require('videojs-contrib-hls')
Vue.use(hls)

这样就好了

在页面中测试


{
type: 'application/x-mpegURL', // 这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目
src:
'https://cdn.letv-cdn.com/2018/12/05/JOCeEEUuoteFrjCg/playlist.m3u8' // url地址,从别的博主那看来的地址,亲测可用
}

至此就可以播放了