Javascript Captionator:字体大小不会调整

时间:2015-03-06 14:48:57

标签: javascript html captions closed-captions

我正在使用this开源字幕项目。它附带了一个方便的演示页面here

我的用例是我希望字幕在空白视频上播放极其大。

所以我一直在尝试根据documentation使用minimumFontSize指令和其他一些尝试来增加字幕的大小,但我发现字体保持固定相同的大小。

我已经将演示视频煮到了这个问题的基本要素并且仍然神秘。 我做错了什么?我的代码在下面,我已经把它here所以你可以看到现实的东西。

<!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>

0 个答案:

没有答案