javascript - 使用 video.js 和 BigVideo 时无意中显示时间戳

Question

我正在使用 BigVideo.js 和 video.js 在加载页面的背景中播放剪辑。一开始，当页面在 Chrome 中加载时，you can see a timestamp for a split second然后它消失了。这是无意的，应该将其删除。

这是 website 的链接在哪里可以查看源代码。我试图通过使用 $(window).load(function () 来纠正这个问题，但这似乎没有帮助。

这是显示剪辑的主要代码，位于我主页的底部。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script>
    window.jQuery || document.write('<script src="jquery-ui.min.js"><\/script>')
</script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<!--<script src=jquery-ui.min.js></script>-->
<!-- NOT SURE IF THIS IS NEEDED. I REMOVED IT BECAUSE IT WAS SLOWING DOWN THE SITE.-->
<script src=video.js></script>
<script src=bigvideo.js></script>
<script>
    if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
        var BV = new $.BigVideo();
        BV.init();
        BV.show('creative-bytes.png');
    } else {
        if (navigator.userAgent.toLowerCase().indexOf('firefox') > -1) {
            $(function () {
                var BV = new $.BigVideo({
                    useFlashForFirefox: false
                });
                BV.init();
                BV.show('test.ogv', {
                    ambient: true
                });
            });
        } else {
            $(function () {
                var BV = new $.BigVideo({
                    useFlashForFirefox: false
                });
                BV.init();
                BV.show('test.mp4', {
                    ambient: true
                });
            });
        }
    }
</script>
<script>
    $(window).load(function () {
        $(document.body).fadeIn(1000);
    });
</script>

Answer 1

尝试将以下内容添加到您的 CSS:

.vjs-default-skin .vjs-progress-control,
.vjs-default-skin .vjs-time-controls,
.vjs-default-skin .vjs-time-divider,
.vjs-default-skin .vjs-captions-button,
.vjs-default-skin .vjs-mute-control,
.vjs-default-skin .vjs-volume-control,
.vjs-default-skin .vjs-fullscreen-control {
    display: none;  /* Hide Video.js statistics */
}