使用videojs直播时出现CORS和请求头错误

Question

我正在尝试使用videojs@7.0.0和videojs/http-streaming播放html5的直播视频，但我无法工作，因为我被请求头部和CORS错误卡住了。我使用的是HLS协议，文件是m3u8格式的。

Print - Headers

Print - Console Error

这是一个测试代码：

​

videojs.Hls.xhr.beforeRequest = function(options) {
    options.headers = {
        "Content-Type": "application/x-mpegURL",
        "Access-Control-Allow-Origin": "*"
    }
    return options;
};
player.ready(function() {
    this.src({
        src: 'http://my-url/playlist.m3u8',
        type: 'application/x-mpegURL',
    });
    player.play();
});

​

当我尝试播放视频点播时，它工作得很好，但对于直播，它在任何浏览器上都不起作用。我认为这可能是在服务器端设置的头文件中的一些错误，但我已经使用angular和videogular做了另一个项目，并且能够在没有额外设置的情况下使其工作，所以我认为我可能在客户端或其他地方设置请求头文件时犯了一些错误。

谢谢!

Answer 1

Access-Control-Allow-Origin不是客户端要发送的请求头。您需要将提供HLS的服务器配置为在其响应中发送报头。

https://enable-cors.org/