video.js字幕不会加载

时间:2015-06-30 11:33:22

标签: javascript video.js subtitle

我刚刚下载了开源视频播放器Video.js,并在Chrome和IE中打开了演示,两个字幕都没有播放。

源文件:http://www.videojs.com/

我没有改变任何内容,这是我在Chrome中阅读控制台时遇到的错误:

  

来自原文的文字追踪' file://'已被阻止加载:不在   与文档相同的原点,以及track元素的父元素没有   a' crossorigin'属性。起源' null'因此是不允许的   访问。

1 个答案:

答案 0 :(得分:0)

这种情况发生在Chrome中,但在Firefox中没有,这是由于同源政策:

您必须双击演示文件,导致使用file://协议在默认浏览器(似乎是Chrome)中打开demo.html文件。由于浏览器被命令获得具有http://协议的字幕,浏览器拒绝获取它们。

所以你可以:

  • 将所有文件放在网络服务器中(在实时服务器上使用节点和浏览器同步非常简单,但您可以轻松使用apache或nginx)并且已完成
  • 下载字幕,将文件放在与其余文件相同的目录中,并将HTML更改为指向demo.html
  • 的相对路径