jquery - 如何在 JWPlayer 中使用 WebVTT 文件创建成绩单?

标签 jquery html jwplayer webvtt interactive-transcript

我们在网站中使用 JWPlayer,现在我们需要在其中添加文字说明。

我无法基于普通的 HTML 代码创建示例应用程序。我已经完成了各种教程,但对我没有任何帮助:

http://jsfiddle.net/ramp/nF7Mw/

正是我们想要实现这种类型的 UI 和功能:

http://demo.jwplayer.com/iframes/interactive-transcript/

任何指导都会有所帮助。

最佳答案

我已经解决了这个问题,它与通过浏览器打开本地文件有关。

我只是将我创建的 html 文件拖放到 Chrome 浏览器中并检查其输出。 (这里的 url 是:file:///mydrive/myfolder/myfile.html)

虽然要运行此功能,它需要在服务器设置上上传此文件,因此我已将我的文件夹配置到本地的 IIS,然后它作为 URL 成功运行 ( http://mypc/myfolder/myfile.html )

我在教程的任何地方都找不到这个。

在这里添加这个作为答案,这样它可能对其他人有用。

关于jquery - 如何在 JWPlayer 中使用 WebVTT 文件创建成绩单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29749108/

相关文章:

php - 这个数据库调用有什么问题?

html - 如何减少 bootstrap 字形之间的间距

javascript - 更改JW播放器源

javascript - JW Player javaScript API 不工作

azure - 来自 Windows Azure 的 HTTP 伪流

javascript - 是否可以独立运行jquery/javascript脚本?

javascript - 如何将 jQuery ng-repeat {{x.something}} 传递给 javascript api url,如/api/get_now/{{x.something}}

javascript - 将 Admin LTE 与 Aurelia 结合使用

javascript - 如何简单地将方法导出到另一个 .js 文件以包含在 <script> 标记中?

javascript - 滚动后固定导航栏