【问题标题】:Plyr media player doesn't show Vimeo and doesn't toggle Youtube closed captionsPlyr 媒体播放器不显示 Vimeo,也不切换 Youtube 隐藏式字幕
【发布时间】:2017-09-26 11:22:49
【问题描述】:
伙计们!
我正在尝试寻找可以播放 Youtube、Vimeo 和 HLS URL 的媒体播放器。似乎 Plyr 播放器 (https://github.com/sampotts/plyr) 很合适,但我在 Youtube 和 Vimeo 视频的隐藏字幕方面遇到了一些麻烦。尽管视频在 Youtube 和 Vimeo 播放器中显示字幕并且可以切换它们,但我根本无法为 Vimeo 视频加载字幕,也无法使用 Plyr 切换 Youtube 字幕。您能否举一些例子如何用 Plyr 解决这个字幕问题?还是使用其他媒体播放器?
【问题讨论】:
标签:
youtube
plyr
vimeo
captions
plyr.js
【解决方案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