我的用例是我希望字幕在空白视频上播放 EXTREMELY LARGE。
因此,我一直在尝试根据使用 minimumFontSize 指令和其他一些尝试的文档来增加字幕的大小,但我发现字体顽固地保持相同的大小。
我已经将演示视频简化为这个问题的要点,但仍然很困惑。 我究竟做错了什么?我的代码在下面,我把它放在这里,这样你就可以看到活的东西。
<!DOCTYPE html>
<html> <head> <meta charset="utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="css/captions.css"/>
</head>
<body>
<video controls autobuffer id="videoTest" width="1010" height="364" >
<source src="video/arduino.m4v" type="video/mp4" />
<track kind="subtitles" src="video/arduino-en.vtt" type="text/vtt" srclang="en" label="English Subtitles" default />
</video>
<!-- Include Captionator -->
<script type="text/javascript" src="js/captionator.js"></script>
<!-- Example Usage -->
<script type="text/javascript" src="js/captionator-example-api.js"></script>
<script type="text/javascript">
window.addEventListener("load",function() {
captionator.captionify(null,null,{
minimumFontSize:110, controlHeight:120
});
var videoObject = document.getElementsByTagName("video")[0];
videoObject.volume = 0;
document.body.appendChild(generateMediaControls(videoObject));
},false);
</script>
</body>
</html>