我正在开发一个网页，该网页用作一系列将刻录到 DVD 的纪录片视频的前端。我们想利用 webm 视频的卓越压缩和 .vtt 文件提供的轻量级多语言解决方案。
但是，在 Chrome 中，我收到以下错误。
来自“file://”的文本轨道已被阻止加载：与文档的来源不同，并且轨道元素的父级没有“crossorigin”属性。因此，Origin 'null' 不允许访问。
Chrome 显然认为我的 index.html 与位于完全相同的本地文件夹中的 .vtt 文件的来源不同。据说其他浏览器也是这种情况（尽管我不记得是哪一个了）。
由于最终产品必须能够在任何用户的系统上本地运行，因此以下解决方案不适用于我的情况：
- 上传到网络服务器，这将修复它。（在我的情况下，它必须从 DVD 运行。）
- 将 Chrome 设置为允许从文件访问文件，如果您想在本地测试某些内容，这非常有用。（http://www.chrome-allow-file-access-from-file.com/）（但我不希望每个 DVD 用户破解他们的浏览器。）
- 摆弄 .htaccess （在网络服务器上工作，但据我了解，这些文件在本地无法工作。抱歉，我不记得此解决方案的链接。）
- 将字幕烘焙到视频中（DVD 上没有足够的空间用于所有语言）。
我正在使用 video.js，但如果可以解决此问题，我很乐意查看不同的框架。也很乐意使用其他类型的字幕（即 .srt）或不跟踪视频标签内的标签的东西。
一些解决方案提到启用 CORS ( http://enable-cors.org/ )。它是否适用于本地 .vtt 文件，或者它是一场大乱斗？
在此先感谢您的时间！