跨瀏覽器視頻無法在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中加載

回答

相關問題