HTML5播放HLS流(.m3u8文件) Apache 跨域设置

HLTML5播放HLS流(.m3u8文件) Apache 跨域设置


1,使用 mod_headers 添加请求头信息

Apache 配置文件中确保加载了以下模块:

LoadModule headers_module modules/mod_headers.so


虚拟主机配置文件中,添加

Header add Access-Control-Allow-Origin: *

这样做以后,提示 m3u8 没有提示禁止跨域了。但是视频切片文件(.ts文件)提示跨域禁止。然后,进行下一步。


2,添加crossdomain.xml

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

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



http://test1.com/app/test.m3u8

需要添加

http://test1.com/crossdomain.xml




以上两步以后,HLS视频流正常播放。

声明:本站所有文章和图片,如无特殊说明,均为原创发布。商业转载请联系作者获得授权,非商业转载请注明出处。
随机推荐
Web 自定义组件
什么是 XSS 攻击
WordPress 添加文章自定义字段
uni-app 实现暗黑模式/夜间模式/深色模式/暗黑主题(DarkMode)的几种方法
使用 MySQL 线程池对压力测试的影响
JavaScript Map 详解
WordPress 文章置顶循环
MySQL 批量修改时间