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

时间:2014-02-14 15:47:36

标签: javascript html css video video.js

我正在使用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>

Landing page screenshot

1 个答案:

答案 0 :(得分:2)

尝试将以下内容添加到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 */
}