10

我按照使用 GPAC 字幕的说明将 Webvtt 文件作为曲目导入 mp4 文件

,当我使用 GPAC 的 Osmo4 播放器时,我检查了字幕是否正确显示。

现在,我想通过 HTML5 视频标签播放带有字幕的视频,但似乎 HTML 媒体轨道元素需要 src 属性来指定 webvtt 文件的位置。

有没有办法播放嵌入的字幕?

4

2 回答 2

8

不,HTML5 视频标签目前不支持内部字幕和音轨。

在 HTML5 Video Tag 中插入字幕的正确方法是:

<video width="640" height="480" controls>
  <source src="video.mp4" type="video/mp4" />
  <source src="video.webm" type="video/webm" />
  <track src="subtitles.vtt" kind="subtitles" srclang="en" label="English" />
</video>

有关 HTML5 视频字幕和 WebVTT 的附加信息

于 2014-12-02T09:49:52.450 回答
5

现在可以使用 MP4Box.js 从 MP4 中即时提取字幕并在浏览器中播放它们。您应该检查这个演示,特别是音频/视频/WebVTT 示例。

于 2015-09-15T07:30:04.137 回答