Vue.js 找不到此媒体的兼容源
当尝试从任何HLS源获取流时，会出现该错误 我试图添加videojs contrib hls库，但没有帮助。 也许我应该试试其他的播放器，哪个播放器可以正常使用hls源Vue.js 找不到此媒体的兼容源,vue.js,http-live-streaming,video.js,Vue.js,Http Live Streaming,Video.js,当尝试从任何HLS源获取流时，会出现该错误 我试图添加videojs contrib hls库，但没有帮助。 也许我应该试试其他的播放器，哪个播放器可以正常使用hls源 导入“video.js/dist/video js.css” 从“vue视频播放器”导入{videoPlayer} 从“video.js”导入videojs window.videojs=videojs 导出默认值{ 组成部分：{ 视频播放器 }, 数据（）{ 返回{ 播放选项：{ 高度：'700'， 宽度：“1820”，
导入“video.js/dist/video js.css”
从“vue视频播放器”导入{videoPlayer}
从“video.js”导入videojs
window.videojs=videojs
导出默认值{
组成部分：{
视频播放器
},
数据（）{
返回{
播放选项：{
高度：'700'，
宽度：“1820”，
控制：对，
sourceOrder：对，
是的，
资料来源：[{
//输入：“视频/mp4”，
类型：“应用程序/x-mpegURL”，
//src:“http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4",
src:“http://127.0.0.1:8081/live/93UEctBmn/index.m3u8",
使用凭据：false，
}],
自动播放：错误，
},
techOrder:['html5']，
html5:{hls:{withCredentials:false}}，
contentData:{}
}
},
安装的（）{
this.$store.dispatch（“content/getById”，this.$route.params.contentId）。然后(
（res）=>{
//this.message=data.message；
//this.snackbar=true；
if（res.data.error）{
console.log（res.data.error）；
返回；
}
this.contentData=Array.isArray（res.data）→res.data[0]：res.data；
},
（错误）=>{
//this.message=error.response.data.message | | error；
//this.snackbar=true；
console.log（错误）
}
);
}
}
{{contentData.streamTitle | |'加载'}
{{contentData.author[0]。用户名| |'未定义的用户名'}