2012-07-07 20 views
5

Chrome(バージョン20.0.1132.47 m)でcrossoriginアトリビュート再生で動画を取得しようとしています。それはロードさえしません。ネットワークパネルには、何らかの理由で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/

答えて

4

この原因はAccess-Control-Request-Headersリクエストヘッダに渡されたリストと一致するHTTPヘッダのリストをAccess-Control-Allow-Headersレスポンスヘッダを欠落していることが判明しました。場合

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

正確に実装する方法を教えてください。 – user1063287

+1

ここには、PHPの 'Access-Control-Request-Headers'と同じ' Access-Control-Allow-Headers'を実装した答えを持つSO投稿があります:http://stackoverflow.com/a/9866124/ 410102 – akonsu

+0

"単純な"クライアント側の解決策はありません - 私はクロムの 'localhost'でホストされているキャプション' .vtt'ファイルを読み込むためにvideojsインスタンスを取得しようとしています。 – user1063287

1

は次のように"anonymous"crossoriginを設定します。 Chromeはファイルと一緒にCORS設定をキャッシュしていたので、キャッシュをクリアしてから動作させなければなりません。

+0

OMG私のChrome拡張機能の1つが、これをすべての自分のビデオに追加していたため、私の開発者用アプリケーションでビデオ再生の動作が壊れていました。永遠にそれを見つけることができました!アー!この場合、拡張機能は次のとおりです。Chrome用Audio EQ Equalizer。 –

0

これは、私はおそらく、ソースファイルにCORS設定を固定した後、同じ問題を抱えていた、他の誰にも便利です:videoタグで

関連する問題