2013-10-21 81 views
2

我使用XAMP,每當我嘗試上傳字幕時,都會給出此錯誤「跨源資源共享策略拒絕跨源文本軌道負載」。 (谷歌鉻)Web VTT無法正常工作

我的代碼似乎是正確的,我不知道爲什麼它可以這樣做。

這裏是我的視頻

<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... 

任何幫助將是真棒,謝謝你們!

+0

這是來不及回答這個問題? –

回答

-1

您可以嘗試啓用禁用網絡安全的Chrome(鉻)。我認爲這會使它工作。

Use: chromium-browser --disable-web-security 
2

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" />