使html视频文本音轨中的字幕越来越小

making subtitles smaller and lower in html video texttracks

本文关键字：字幕 越来越小 音轨 html 视频 文本      更新时间：2023-09-26

我已经成功地创建了带有视频标签和JavaScript命令的网页，这些命令可以为其中显示的视频添加字幕。

然而，默认模式会制作相当大的字幕，而且字幕在视频中也很高。我想把它们做得小一点，再低一点。

我的代码大致如下：

cue1 = new TextTrackCue(33.633,35.193,"Anita and Zoe stare at the candles.");
cue1.id = '1';
myTextTrack.addCue(cue1);

或者，如果我想在副标题中放一个回车，我会这样做：

cue2 = new TextTrackCue(47.397,52.409,"Why is there so much care" + String.fromCharCode(10) + "Should we all beware?");
cue2.id = '2';
myTextTrack.addCue(cue2);

没有简短的最终答案。但您可以尝试::cue伪元素选择器：

::cue {
    font-size: 60%;
}

此外，如果可用，您应该使用VTTCue构造函数，而不是TextTrackCue构造函数。你可以这样做：

if(!window.VTTCue){
    window.VTTCue = window.TextTrackCue;
}

下面是一个演示：http://www.jsfiddle.net/trixta/QZJTM/

相关文章：