html - 从远程 url 或绝对文件路径检索 HTML 字幕轨道

Question

我正在尝试使用 HTML 显示带字幕的视频。视频和字幕文件都位于同一个目录中：G://My Drive/project/movies/men-in-black-1997，而项目本身则完全位于另一个位置。

我发现我无法将视频源链接到以 开头的绝对路径file:///，因此我启动live-server了G://My Drive/project以将视频链接到http://localhost:8080/movies/men-in-black-1997/resource.mp4.

这是仅适用于视频的代码：

<video
  src="http://127.0.0.1:8080/movies/men-in-black-1997/resource.mp4"
  preload="auto"
  controls
  style="width: 100%; height: 100%;"
/>

然后我尝试添加一个track链接到字幕文件的标签。我尝试了两种方法，使用 url（见下文）和使用绝对路径（与下文相同，但以file:///G://My Drive/project/.

<video
  src="http://127.0.0.1:8080/movies/men-in-black-1997/resource.mp4"
  preload="auto"
  controls
  style="width: 100%; height: 100%;"
>
  <track
    label="English"
    kind="subtitles"
    src="http://127.0.0.1:8080/movies/men-in-black-1997/resource.vtt"
    srclang="en"
  />
</video>

这两个选项都不起作用。显示字幕选项，但单击时，没有任何反应，选项消失。.vtt只有链接到项目目录中文件的相对路径才有效。这是 HTML 限制吗？我还看到一些建议crossorigin='anonymous'在视频上添加一个，但这会导致视频无法播放。

标签： htmlvideopathtagssubtitle