我正在制作一个关于编程的视频,我想包括扩展名为.vtt的字幕。我认为字幕中的编码和技术文本最好使用Consolas字体显示。如本例所示:
打开终端并写入sudo apt-get update
在上面的例子中,技术部分是Consolas字体。那么这在.vtt文件中可能吗?
WebVTT支持一个样式块:
STYLE
::cue {
font-family: Consolas, sans-serif;
}
如果用户计算机上没有安装Consolas,则应该可以使用web字体。
来源:https://css-tricks.com/improving-video-accessibility-with-webvtt/
注意前面提到的'::cue'css样式在下面的答案中,已被弃用在Video js中,从6.x 版本开始
[有关详细信息,请参阅:]https://github.com/videojs/video.js/issues/4852
在我使用Video js进行VTT造型的经验中在某些浏览器中也存在问题,即使您保留返回并使用Video.js的5.x版本(这就是我一直在做(。一个这样的例子是,在Firefox浏览器中,无论您指定什么,字体颜色都会显示为白色。(Chrome将尊重您指定的任何字体颜色。(