在全尺寸视频中分块显示字幕,font-size 不是 changing-Video-js

Show captions in block on full size video and font-size isn't changing-Video-js

我正在使用 video-js 5.19.2 并且我已将其自定义为我 want.I 想要在全屏显示块中的标题并且 font-size 也不是全屏变化。我添加了这个

.video-js .vjs-captions { font-size: 20px; }
.video-js.vjs-fullscreen .vjs-text-track { font-size: 3em; }

在 video-js 的 css 文件中,但 font-size 没有改变。

[这是模态视频] [1][1]: https://i.stack.imgur.com/N7kku.jpg

[这是完整尺寸的视频] [2][2]: https://i.stack.imgur.com/8GzO8.jpg.

我看到这是在新 video-js 版本中完成的事情,但我无法在 5.19 中更改 font-size。2.Can 谁能帮助我如何更改video-js 中的 font-size?提前致谢。

我看到的关于 VTT captions/sub-titles 的互联网评论, 建议以这种方式定义字体属性(它对我有用):

<style type="text/css">             
    video::cue {
    color:CornflowerBlue;
    font-size:18px;
    }
</style>

此外,我从 videojs 的 CDN 中获取我的 vjs 代码,如下所示:

<script src="//vjs.zencdn.net/5.11.9/video.js" ></script>
<link href="//vjs.zencdn.net/5.11.9/video-js.css" rel="stylesheet" type="text/css" />

我使用 5.11.9,因为它被认为是 'stable' 5.x 版本,每个: https://github.com/videojs/video.js/tree/stable

[ 当我尝试你的 5.19.2 而不是我的 5.11.9 时,我上面的样式代码失败了,所以 您对 5.19.2 的选择显然需要重新考虑。 ]

顺便说一句,只有一些浏览器支持 VTT 字体样式...例如Chrome 有,但 Firefox 没有,等等

干杯...