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 文件放在另一个域中。

要使跨域引用起作用,您需要在与 vtt 文件相同的位置添加文件 crossdomain.xml

你需要在你的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

您可以尝试在禁用网络安全的情况下启动 Chrome (chromium)。我认为这将使它发挥作用。

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