跨浏览器视频无法在Chrome中加载

我想让我的视频在crossorigin属性中使用Chrome浏览器（版本20.0.1132.47米）。它甚至没有加载。网络面板显示OPTIONS（所谓的“预检”）请求由于某种原因被浏览器中止。它在没有crossorigin属性的情况下工作。 Firefox加载并成功播放。我将不胜感激任何建议。跨浏览器视频无法在Chrome中加载


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

http://jsfiddle.net/ZVgr2/

来源

2012-07-07 akonsu

这种情况的原因被证明是缺少Access-Control-Allow-Headers响应头与在Access-Control-Request-Headers请求头中传递的列表匹配HTTP头的列表。

来源

2012-08-11 03:14:05 akonsu

请你分享一下如何正确实施？ – user1063287 2017-02-05 03:00:12

下面是一个SO帖子，它有一个在PHP中实现'Access-Control-Allow-Headers'与'Access-Control-Request-Headers'相同的答案：http://stackoverflow.com/a/9866124/ 410102 – akonsu 2017-02-05 04:07:20

我不认为有任何“简单”的客户端解决方案 - 我只是试图让一个videojs实例加载Chrome中'localhost'托管的caption'.vtt'文件。 – user1063287 2017-02-05 04:26:22

在视频标签设置crossorigin到"anonymous"这样的：

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

来源

2015-07-27 12:47:20

OMG之一的Chrome扩展程序将此添加到了我的所有视频中，并在我的开发应用中打破了视频播放行为。永远找到它！哎呀！在这种情况下，扩展名为：适用于Chrome的Audio EQ Equalizer。 – 2016-12-13 19:12:51

如果这是有帮助的任何人，我是在源文件所谓固定CORS设置后有同样的问题。原来Chrome浏览器正在缓存CORS设置和文件，所以我必须清除缓存然后才能正常工作。

来源

2017-03-24 21:07:44 emichals

跨浏览器视频无法在Chrome中加载

回答

相关问题