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

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元。每天都能领。

发布了13 篇原创文章 · 获赞 8 · 访问量 1万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览