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

时间:2017-04-07 07:44:09

标签: javascript css mpeg-dash subtitle

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

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

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

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

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

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

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

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