video.js 字幕无法加载

Posted 2023-02-25

【中文标题】video.js 字幕无法加载

【英文标题】：video.js Subtitles won't load

【发布时间】：2015-06-30 11:33:21

【问题描述】：

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

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

我没有更改任何内容，这是我在 Chrome 中读取控制台时遇到的错误：

来自 'file://' 的文本轨道已被阻止加载：不在 与文档相同的来源，并且 track 元素的父级没有 一个“跨域”属性。因此不允许使用 Origin 'null' 访问。

【问题讨论】：

您好，您知道什么是“同源策略”吗？

我有点理解，它必须做一些安全的事情。但是如果我刚刚下载了演示文件，这不应该是重要的吗？

这似乎很重要，您能否编辑您的问题以添加所有 html 代码，以便我们提供更好的帮助？

我刚刚从videojs.com 下载了视频播放器并打开了演示文件，没有进行任何编辑

【参考方案1】：

这发生在 Chrome 中，但不是在 Firefox 中，这是由于同源策略：

您必须双击演示文件，然后使用file:// 协议在默认浏览器（似乎是 Chrome）中打开 demo.html 文件。由于浏览器下令获取http://协议的字幕，浏览器拒绝获取。

所以你可以：

将所有文件放入网络服务器（在实时服务器上使用节点和浏览器同步非常容易，但您也可以轻松使用 apache 或 nginx），然后就完成了 下载字幕，将文件放在与其余文件相同的目录下，并将HTML更改为从demo.html指向其相对路径

【讨论】：

感谢您的信息，我在 mozilla 上进行了测试，它确实有效。稍后我会在服务器上试一试！