video - 在全尺寸视频和字体大小没有改变的块中显示字幕-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 文件中，但字体大小没有改变。

[这是全尺寸视频] [2][2]：https ://i.stack.imgur.com/8GzO8.jpg 。

我已经看到这是在新的 video-js 版本中完成的，但我无法在 5.19.2 中更改字体大小。谁能帮我更改 video-js 中的字体大小？提前致谢。

score 0 · Accepted Answer

我见过的 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 不支持，等等。

干杯...

1 回答 1