html - 跨源视频无法在 Chrome 中加载

标签 html 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/

最佳答案

结果是缺少 Access-Control-Allow-Headers 响应 header ,其中包含与 Access-Control-Request-Headers 中传递的列表相匹配的 HTTP header 列表 请求 header 。

关于html - 跨源视频无法在 Chrome 中加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11375883/

相关文章:

javascript - 在 ReactJS 元素中处理 CSS 的准则是什么?

javascript - 每四个段落创建和更改 h1 标签(h1 内容包含段落的前十个元素)

javascript - 将 <mat-icon> 从一个 <mat-form-field> 更新到另一个不会持续更新图标

javascript - 使用 JavaScript 的 Selenium Webdriver,如何使用 chrome.exe 的特定路径启动 Chrome?

html - Google Chrome 中表格行的 CSS 背景问题

javascript - 即使 REST 服务器设置 header ,访问控制允许来源错误

html - 单击 HTML 5 视频元素播放、暂停视频、中断播放按钮

javascript - window.location.href - 资源被解释为文档但以 MIME 类型传输

google-maps-api-3 - 向 Google Places API 发送详细信息请求 -(CORS 错误)

javascript - JQuery CORS 和重定向