AJAX 访问控制允许来源答案

【问题标题】：AJAX Access-Control-Allow-OriginAJAX 访问控制允许来源
【发布时间】：2016-03-21 04:28:23
【问题描述】：

尝试运行 m3u8 视频时出现错误：请求的资源上不存在“Access-Control-Allow-Origin”标头。 Origin 'http://localhost' 因此不允许访问。

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title>Video</title>

    <link href="http://vjs.zencdn.net/4.12/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/4.12/video.js"></script>
    <script src="https://github.com/videojs/videojs-contrib-media-sources/releases/download/v0.1.0/videojs-media-sources.js"></script>
    <script src="https://github.com/videojs/videojs-contrib-hls/releases/download/v0.11.2/videojs.hls.min.js"></script>

</head>
<body>
<h1>Video</h1>

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="268"
       data-setup='{}'>

    <source src="http://my~server.com/recordings/91/2015-12-15/91_1450161600/91_1450161600.m3u8" type='application/x-mpegURL'>


</video>

<script>
    var player = videojs('my_video_1');
</script>

</body>
</html>

在http://my~server.com/ 上，我添加了.htaccess，但它不起作用。

<IfModule mod_rewrite.c>

   RewriteEngine on
   <IfModule mod_headers.c>
                Header add Access-Control-Allow-Origin "*"
        Header add Access-Control-Allow-Headers "origin, x-requested-with, content-type"
        Header add Access-Control-Allow-Methods "PUT, GET, POST, DELETE, OPTIONS"
   </IfModule>

</IfModule>

【问题讨论】：

标签： php ajax .htaccess mod-rewrite

【解决方案1】：

是否有任何 PHP 处理您的视频请求？您可以控制在“视频流”开始之前发送的实际标头。

我不确定您那里的 .htaccess 是否也会涵盖您所指的子文件夹。

【讨论】：