Plyr 媒体播放器不显示 Vimeo，也不切换 Youtube 隐藏式字幕

Posted 2023-03-15

【中文标题】Plyr 媒体播放器不显示 Vimeo，也不切换 Youtube 隐藏式字幕

【英文标题】：Plyr media player doesn't show Vimeo and doesn't toggle Youtube closed captions

【发布时间】：2017-09-26 11:22:49

【问题描述】：

伙计们！ 我正在尝试寻找可以播放 Youtube、Vimeo 和 HLS URL 的媒体播放器。似乎 Plyr 播放器 (https://github.com/sampotts/plyr) 很合适，但我在 Youtube 和 Vimeo 视频的隐藏字幕方面遇到了一些麻烦。尽管视频在 Youtube 和 Vimeo 播放器中显示字幕并且可以切换它们，但我根本无法为 Vimeo 视频加载字幕，也无法使用 Plyr 切换 Youtube 字幕。您能否举一些例子如何用 Plyr 解决这个字幕问题？还是使用其他媒体播放器？

【参考方案1】：

我发现 Plyr for Vimeo 视频中的字幕有什么问题。

Plyr.io 在其中使用了 Vimeo Player (https://github.com/vimeo/player.js)，因此它在我们的页面中构建了一个 iframe 来播放 Vimeo 链接。这个 Vimeo iframe 不仅包含视频块，还包含控制按钮，Plyr 的作者使用 CSS 技巧隐藏它们以仅显示 Plyr 控制按钮。不幸的是，这个技巧也会隐藏字幕。 因此，由于我们无法访问 iframe 内容，我们只能：

尝试想出另一个 CSS 技巧来仅隐藏 Vimeo 控件和 让字幕保留（但我不确定是否可行） 为 Vimeo 使用不带字幕的 Plyr 不要将 Plyr 用于 Vimeo