3

XAMP を使用していますが、キャプションをアップロードしようとするたびに、「クロス オリジン リソース共有ポリシーによってクロス オリジン テキスト トラックの読み込みが拒否されました」というエラーが表示されます。（グーグルクローム）

私のコードは正しいようですが、なぜこれを行うのかわかりません。

ここにビデオの私のコードがあります

    <style type="text/css">.easyhtml5video span{display:none}
    </style>
    <video controls  autoplay="autoplay" 
    poster="videoTryThis.files/html5video/IMG_0535.jpg" style="width:400px" 
    title="400px">
    <source src="videoTryThis.files/html5video/IMG_0535.m4v" type="video/mp4">
    <source src="videoTryThis.files/html5video/IMG_0535.webm" type="video/webm">
    <track label="English Captions" kind="captions" src="video_cc_en.vtt"></track>   
    </video>

ここにvttファイルがあります

     WEBVTT

     Cue-1
     00:00:5.000 --> 00:00:18.000
     At the left we can see...

みんなありがとう！

4

2 に答える 2

3

WebVTT ファイルにはクロス ドメインの制限が適用されます。ビデオ ファイルをあるドメインに配置し、vtt ファイルを別のドメインに配置することはできません。

クロスドメイン参照を機能させるには、ファイル crossdomain.xml を vtt ファイルと同じ場所に追加する必要があります

これをxmlに追加する必要があります

<?xml version="1.0"?>
<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
<cross-domain-policy>
   <allow-access-from domain="*" />
</cross-domain-policy>

これにより、すべての (*) ドメインが vtt ファイルにアクセスできるようになります。特定のドメインからのビデオがファイルにアクセスする場合

この行を変更できます

 <allow-access-from domain="www.example.com" />
于 2014-10-14T05:59:12.133 に答える
-1

Web セキュリティを無効にして Chrome (chromium) を起動してみてください。それがうまくいくと思います。

Use: chromium-browser --disable-web-security
于 2014-03-07T10:38:00.800 に答える