Question

我使用标准HTML5视频字幕功能在内置HTML5视频播放器中显示字幕（在srt和vtt中提供）。

<video width="100%" height="100%" autobuffer="" controls="" preload="auto" id="media" class="media embed-responsive-item">
     <source type="video/ogg" src="podm.h264.mp4&amp;t=ogv"></source>
     <source type="video/mp4" src="podm.h264.mp4&amp;t=mp4"></source>
     <track default="" label="English" srclang="en" kind="subtitle" src="podm.h264.vtt"></track>
     <track default="" label="English" srclang="en" kind="subtitle" src="podm.h264.srt"></track>
     <p>Your browser does not support HTML5 video</p>
</video>

现在我需要同时显示两个不同的字幕，因此第二个字幕会显示在第一个字幕的顶部。

（出乎意料）我在网上找不到任何有用的信息，只能在HTML5视频中显示一个字幕。我很确定我为此目的需要一个自定义黑客。

我正在寻找建议和/或参考如何实现此功能（不使用非自由/仅限Windows的库和像DivX这样的播放器）。

Answer 1

正如您所理解的HTML5，有代码标准，谁想要同时显示2srt？

解决方案：只提供一个srt，每个字幕中还包含第二个字幕作为文本!!

示例srt脚本包括ENG + FR字幕：

1
00:00:30,342 --> 00:00:33,082
I came from city
Je suis venu de la ville

2
00:00:33,202 --> 00:00:36,530
do you play football?
ne vous jouez au football?

3
00:00:36,650 --> 00:00:39,965
to pay rent
de payer le loyer

我不确定，对于换行，你可以尝试使用：|或\ n或\ N

HTML5视频：同时显示两个不同的字幕

1 个答案: