Question

我注意到，在谈话时，嵌入视频闪光灯时，如果您选择使用它们，则会有字幕。但是，html5版本没有。我想知道是否有办法让这个工作。现在我在灯箱中打开了iframe。

我能想到的一个hacky修复是有一个浮动div，可以根据JSON字幕文件更改文本（例如：http://www.ted.com/talks/subtitles/id/70/lang/pt）但是...如果有更好的解决方案我很想知道它。但如果有人知道如何实施hacky修复，那也会很棒。

谢谢：）

Answer 1

Here is an article描述了如何开始使用Track元素，您可以使用它来添加字幕或字幕。

修改：构建一个包含HTML5视频和跟踪标记的单独文件，然后将其作为iframe源引用。

<html>
<head>
</head>
<body>


<iframe width="560" height="315" frameborder="0" src="YOUR_HTML5_VIDEO_PLUS_TRACK"></iframe>

</body>
</html>

然后，您的.vtt文件将如下所示：

railroad
00:00:10.000 --> 00:00:12.500
Left uninspired by the crust of railroad earth

manuscript
00:00:13.200 --> 00:00:16.900
that touched the lead to the pages of your manuscript.

您可以在任何文本编辑器中创建此.vtt文件，并更改文件扩展名。您需要在Web服务器上托管它，它不能在本地工作（例如src = file：//）

Ted Talk视频上的HTML5字幕

1 个答案: