在全尺寸视频和字体大小的块中显示标题不会改变 - Video-js

Question

我正在使用video-js 5.19.2并且我已经将它定制为我想要的。我想在全屏幕上显示块中的标题，并且字体大小也不会在全屏幕上更改。我添加了这个

.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.2中更改字体大小。可以任何人帮我如何更改video-js中的字体大小？提前致谢。

Answer 1

我见过的VTT字幕/子标题的互联网文章，建议用这种方式定义字体属性（这对我有用）：

<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，因为它被认为是'稳定'5.x版本，每个：https://github.com/videojs/video.js/tree/stable

[当我尝试5.19.2而不是我的5.11.9，我的样式代码高于失败时，所以你选择的5.19.2显然需要重新思考。 ]

顺便说一句，只有一些浏览器尊重VTT字体样式......例如。 Chrome可以，但Firefox没有，等等。

干杯...