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视频流正常播放。

真诚赞赏,手留余香
赞赏
随机推荐
thinkphp3.2分页适应bootstrap
rem 单位手机页面适配
macOS 终端清理“新建远程连接”的历史记录
平涂和厚涂的区别
Node.js 数据验证器 validator.js 类似Laravel和ThinkPHP
macOS如何在终端使用MySQL命令
PS 插画风格手绘仙人掌
OS X 中怎样快速调出终端?
CSS3 box-sizing 属性
Android Studio 修改 App 名称