在 Shaka Player 中更改字幕的文本大小

Posted 2023-03-07

【中文标题】在 Shaka Player 中更改字幕的文本大小

【英文标题】：Changing the text size for subtitles in Shaka Player

【发布时间】：2017-04-07 07:44:09

【问题描述】：

我们正在寻找使用 Shaka 播放器，我在这里玩过播放器的演示：https://shaka-player-demo.appspot.com/demo/。我们的要求之一是让用户能够更改隐藏式字幕的文本大小。我看到我们可以在演示中切换 CC 选项，但找不到与修改显示文本相关的任何内容。

我确实调试了this.player_ 对象以查看是否有任何东西可用于调整显示的字幕文本，但找不到任何东西。

是否有任何 API 可用于执行此操作或无法执行此操作？

感谢您的帮助！

【参考方案1】：

您可以通过更改样式（使用 CSS）来更改 Shaka 注入字幕时生成的 Shadow DOM 元素的外观。

在您的情况下，您将像这样使用 ::cue 伪元素：

::cue 
  font-size: 12px;

在此处查看更多信息：https://w3c.github.io/webvtt/#styling（请注意，并非所有提及的内容都可能在当前浏览器中实际实现）

【讨论】：

完美！这正是我想要的。谢谢！