播放器播放m3u8提示跨域错误

版权声明： https://blog.csdn.net/chenwuai/article/details/83861087

web播放m3u8文件提示错误

解决方案

1，添加crossdomain.xml

播放器跨域访问时需要添加策略文件，即在视频播放链接所在域名的根目录下添加 crossdomain.xml 文件，其中添加播放器所在域名的权限。例如：

http://test1.com/app/test.m3u8需要添加http://test1.com/crossdomain.xml

<?xml version="1.0" encoding="UTF-8"?>
<cross-domain-policy>
    <allow-access-from domain="*"/>
    <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
</cross-domain-policy>

2.配置nginx、apache、IIS配置

如果使用了第一个方法还是不可以，则就需要根据自己的情况进行配置了

1，apache（已测试）

找到你的端口映射文件件的配置项，比如我的端口是8081，映射文件夹是var/www/html，则需要在httpd.conf配置中找到这个文件夹对应的配置，<Directory "/var/www/html"></Directory>

添加下面代码，其中 *（代表全部请求地址都可跨域） 可以替换为你需要的请求地址。

Header set Access-Control-Allow-Origin *

2，nginx（未测试）

通过Nginx模块HttpHeadersModule来添加Access-Control-Allow-Origin允许的地址。

在Nginx的conf目录下修改nginx.conf，添加以下代码

location ~* \.(eot|ttf|woff|svg|otf)$ {
     add_header Access-Control-Allow-Origin *;
}

// eot|ttf|woff|svg|otf，表示请求后缀类型，也可以直接写如下代码

location / {  
  add_header Access-Control-Allow-Origin *;  
}

3，IIS

在IIS添加如下标头即可

Access-Control-Allow-Headers：Content-Type, api_key, Authorization
Access-Control-Allow-Origin：*

4，tomcat

暂无

参考：https://blog.csdn.net/xiaokui_wingfly/article/details/51496134

支付宝搜索515778872领红包!!!最高99元。每天都能领。