1

我注意到在 ted 演讲中，嵌入视频 Flash 时，如果您选择有字幕，就会有字幕。但是，html5版本没有。我想知道是否有任何方法可以让这个工作。现在我在灯箱中打开了 iframe。

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

谢谢 ：）

4

1 回答 1

0

这是一篇描述如何开始使用 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://）

于 2013-07-19T21:31:10.517 回答