私は、DVD に書き込まれる一連のドキュメンタリー ビデオのフロントとして機能する Web ページに取り組んでいます。私たちは、webm ビデオの優れた圧縮と、.vtt ファイルが提供する軽量の多言語ソリューションを活用したいと考えていました。
ただし、Chrome では次のエラーが表示されます。
オリジン 'file://' からのテキスト トラックの読み込みがブロックされました: ドキュメントと同じオリジンではなく、トラック要素の親に 'crossorigin' 属性がありません。したがって、オリジン 'null' へのアクセスは許可されません。
Chrome は、私の index.html が、まったく同じローカル フォルダーにある .vtt ファイルとは別の起源であると考えているようです。これはおそらく、他の 1 つのブラウザーにも当てはまります (どのブラウザーかは思い出せませんが)。
最終製品は任意のユーザーのシステムでローカルに実行できる必要があるため、私の場合、次の解決策は適用できません。
- それを修正するWebサーバーにアップロードします。(私の場合、DVD から実行する必要があります。)
- ファイルからのファイル アクセスを許可するように Chrome を設定します。これは、何かをローカルでテストする場合に最適です。( http://www.chrome-allow-file-access-from-file.com/ ) (しかし、各 DVD ユーザーがブラウザーをハッキングすることは望んでいません。)
- .htaccess をいじる (Web サーバー上で動作しますが、私が理解している限り、これらのファイルはローカルでは動作しません。申し訳ありませんが、このソリューションへのリンクを思い出せませんでした。)
- 字幕をビデオに焼き付けます (すべての言語に対して DVD に十分なスペースがありません)。
私は video.js を使用していますが、この問題を解決できる場合は、別のフレームワークを検討していただければ幸いです。また、他のタイプの字幕 (.srt など) や、ビデオ タグ内のタグを追跡しないものも使用できます。
一部のソリューションでは、CORS の有効化について言及されています ( http://enable-cors.org/ )。ローカルの .vtt ファイルで動作しますか、それともワイルド グース チェイスですか?
お時間をいただきありがとうございます。