Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Ted谈话视频上的HTML5字幕_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Ted谈话视频上的HTML5字幕

Javascript Ted谈话视频上的HTML5字幕,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我注意到在ted演讲中,当嵌入视频闪光灯时,如果你选择有字幕,就会有字幕。然而,html5版本没有任何限制。我想知道是否有办法让它工作。现在我把iframe打开在一个灯箱里 我能想到的一个黑客补丁是有一个浮动div,它根据JSON字幕文件ex:but更改文本。。。如果有更好的解决办法,我很想知道。但如果有人知道如何实现黑客修复,那也太好了 谢谢:介绍如何开始使用Track元素,您可以使用它添加字幕或字幕 编辑:构建一个包含HTML5视频和曲目标记的单独文件,然后将其作为iframe源引用 <

我注意到在ted演讲中,当嵌入视频闪光灯时,如果你选择有字幕,就会有字幕。然而,html5版本没有任何限制。我想知道是否有办法让它工作。现在我把iframe打开在一个灯箱里

我能想到的一个黑客补丁是有一个浮动div,它根据JSON字幕文件ex:but更改文本。。。如果有更好的解决办法,我很想知道。但如果有人知道如何实现黑客修复,那也太好了

谢谢:

介绍如何开始使用Track元素,您可以使用它添加字幕或字幕

编辑:构建一个包含HTML5视频和曲目标记的单独文件,然后将其作为iframe源引用

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


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

</body>
</html>

您可以在任何文本编辑器中创建此.vtt文件,并更改文件扩展名。您将需要在web服务器上承载此功能,它在本地无法工作,例如src=file://

出于法律原因,我仍想使用他们的视频播放器。这还能用吗?它们让我们嵌入到一个iframe中,我认为它应该可以工作,因为你定义了视频源与实现Track元素的区别。您甚至应该能够使用相同的iframe,并在其中设置javascript提示。我还没有测试过,但我认为这会起作用。你认为你可以粘贴一个例子吗?我是javascript新手,我不知道你的意思。发布了一个最简单的例子,一个不需要javascript的例子。它确实需要您手动创建一个.vtt文件,该文件将由tag元素读取。我编辑的代码应该适合您。使用HTML5构建一个快速页面,然后将其设置为iframe的源。您的HTML5标记应该包括视频和曲目标记,您仍然需要通过.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.