我正在使用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>
答案 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 */
}