Question

我已成功创建了带有视频标签和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);

Answer 1

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

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

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

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

以下是演示：http://www.jsfiddle.net/trixta/QZJTM/

在html视频文本跟踪中制作字幕越来越小

1 个答案: