在Chrome中无法加载交叉原点视频

时间:2012-07-07 14:35:28

标签: html5 google-chrome cors

我正在尝试在Chrome(版本20.0.1132.47 m)中使用crossorigin属性播放获取我的视频。它甚至没有加载。网络面板显示OPTIONS(所谓的“预检”)请求由于某种原因被浏览器中止。它没有crossorigin属性。 Firefox加载并成功播放。我很感激任何建议。


<video
    id='vid'
    autoplay
    crossorigin
    src='http://videos-cdn.mozilla.net/serv/mozhacks/demos/resources/immersivevideo/dubai.r.webm'>
</video>

http://jsfiddle.net/ZVgr2/

3 个答案:

答案 0 :(得分:4)

原因是缺少Access-Control-Allow-Headers响应标头,其HTTP标头列表与Access-Control-Request-Headers请求标头中传递的列表相匹配。

答案 1 :(得分:1)

在视频广告代码集中crossorigin"anonymous",如下所示:

 <video crossorigin="anonymous"></video>

答案 2 :(得分:0)

如果这对其他人有帮助,那么在假定修复源文件上的CORS设置后,我遇到了同样的问题。事实证明Chrome正在缓存CORS设置以及文件,因此我必须清除缓存然后才能工作。