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

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

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

有没有可用的API可以执行此操作？

谢谢你的帮助！

最佳答案

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

在您的情况下，您将使用::cue伪元素，如下所示：

::cue {
  font-size: 12px;
}

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

关于javascript - 在Shaka Player中更改字幕的文本大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43272473/