【发布时间】：2015-08-23 11:31:32
【问题描述】：
我一直在玩很多选择。 popcorn.js、mediaelement.js、jwplayer 和我找不到有效的组合。我在一个学习网站上工作，我需要在播放器下方显示视频的字幕。当视频托管在服务器上并且它具有文件链接时，我可以让它正常工作。我使用的是 MediaElement.js，因为我需要的所有视频都在 YouTube 上，所以它需要从那里流式传输。
我尝试了几种不同的组合，爆米花本来可以工作的。当我开始玩它时，我发现他们的 YouTube 流不再有效。我遵循了他们的例子，但这是不行的。同样对于爆米花，我无法使用除 TTML 之外的任何其他字幕文件（即使它们支持其他字幕文件），我需要一个可以在其中包含 html 的字幕文件。
我最近的努力让我使用了这里的脚本：http://www.storiesinflight.com/js_videosub/#code
这让我可以使用很好的 .srt，但我不能让它让我与任何其他 JavaScript 播放器一起流式传输 YouTube，所以我回到了我开始的地方。
我看到了一篇关于浏览其中一个转码网站并使用 .mp4 链接的帖子，但我不想依赖中间人。如果该站点关闭，那么我的站点也将被搞砸。我怀疑 YouTube 会很快走向任何地方。
【问题讨论】：
-
为什么在播放器下方而不是在播放器内？只考虑全屏模式等。为什么 Youtube 播放器不能在可用的地方显示字幕？我认为您可以通过准确说明您如何访问 Youtube 视频来改进您的问题（因为如果您嵌入了官方的 Youtube 播放器，那么这个问题就没有意义了.. 至少对我来说不是）
-
我正在为我的语言学习网站制作一个部分，我需要人们能够复制和粘贴字幕。还需要在将鼠标悬停在单词上时显示弹出框。
-
@chris3spice 我正在考虑尝试使用、购买或构建类似的工具。你来对了吗？
标签： javascript video youtube