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

声明:本站所有文章和图片,如无特殊说明,均为原创发布,转载请注明出处。
随机推荐
JavaScript 的历史
浏览器的同源和跨域
JavaScript 操作表单
medium-zoom,一款 JavaScript 图片缩放库
HTML input range 数值范围选择器
JavaScript 使用 qrcode 生成二维码
Git 放弃本地修改,强制和之前的某次提交同步
JavaScript 原型链