1

私のアプリケーションにHTML5ビデオプレーヤーを統合しようとしています。私のビデオソースとキャプション(トラックタグ用)は別のドメインから来ています。HTML5ビデオはcrossOrigin = "anonymous"で再生されません

私は

<video crossOrigin="anonymous"> 
    <source src="domain1Url"> ... </source> 
    <track kind="captions" label="English Captions" src="domain2Url" srclang="en" default> 
</video> 

を使用する場合は、上記のコードはすべて、クローム安全でないモード(無効Webセキュリティ)に私のために正常に動作します。私はcrossOrigin属性を指定しない場合 は、通常のChromeで、私はロードからブロックされている「...」原点から

テキストトラックを言ってエラーを取得:未ドキュメントと同じ起源であり、 track要素の親要素には 'crossorigin'属性がありません。 Origin 'http://localhost ...'はアクセスできません。

crossOrigin属性を指定すると、キャプションAPIはデータを正常にフェッチします。しかし、ビデオは再生されません。誰も私はcrossOrigin属性を設定してビデオを再生する方法を提案することはできますか?

+0

http://stackoverflow.com/questions/39294190/catching-origin-is-not-allowed-by-access-control-allow-origin-error/41646601#41646601関連性があります – sideshowbarker

答えて

1

crossorigin = "anonymous"に設定した後、ビデオソースURLでCORSを有効にする必要がありました。

アクセス制御 - 許可 - 起源::動画のURLは以下のレスポンスヘッダを返す必要があり、この拡張機能を使用*(またはホワイトリストにドメインを)

を私は問題の修正プログラムをシミュレートする助け: https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi?hl=en

関連する問題