关于 Video.js 播放 m3u8 的跨域问题

最近由于疫情关系,在整理云课堂的学习内容,自己写了一个类似云课堂的东西,把一些学习内容做了个整合。有些视频源想直接调用一些既有的视频课程,目前可以得到每节课的 m3u8 网址。可是用 vue+videojs 播放这个 m3u8 的时候却会提示:

VIDEOJS: ERROR: (CODE:4 MEDIA_ERR_SRC_NOT_SUPPORTED) The media could not be loaded, either because the server or network failed or because the format is not supported.

查看网络链接部分:m3u8 文件返回 403,应该是服务器端设置了跨域的权限:strict-origin-when-cross-origin

请求 URL: https://.edu_product/65/video/35ceaa.1280.720.m3u8
请求方法: GET
状态代码: 403
远程地址: 42.81.84.35:443
引用站点策略: strict-origin-when-cross-origin

可是我用potplayer 播放这个 m3u8 网址,却可以正常播放,请问一下有什么变通的方案可以在网页中通过 videojs 来播放这些视频源吗?多谢。

https://blog.csdn.net/Run_youngman/article/details/120813536?spm=1001.2014.3001.5502
可以参考一下,有问题欢迎沟通

楼主问题解决了没.我现在也是遇到这个问题.能交流一下不