跨源视频无法在Chrome中加载

Question

我正在尝试在Chrome（版本20.0.1132.47 m）中播放带有crossorigin属性的视频。 它甚至不加载。 网络面板显示，由于某种原因， OPTIONS （所谓的“预检”）请求被浏览器中止。该请求在没有crossorigin属性的情况下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/

Answer 1

导致此问题的原因是缺少与HTTP标头列表匹配的Access-Control-Allow-Headers响应标头，该标头与在Access-Control-Request-Headers请求标头中传递的列表匹配。

Answer 2

在视频标签中，将crossorigin设置为"anonymous"如下所示：

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

Answer 3

如果这对其他人有帮助，我应该在源文件上修复CORS设置后遇到同样的问题。 原来Chrome浏览器正在将CORS设置与文件一起缓存，因此我必须清除缓存，然后它才能工作。