我的加載時間對於小網站來說非常慢,我做錯了什麼。
我的意圖是在視頻加載之前有一個圖像展示/ * ,但圖像在視頻的同一時間加載,即使需要永久加載。如何增加bigvideo.js的加載時間?
我的html:
<div id="bigvid">
<div class="img">
<div id="header">
<div class="inner presentation" style="z-index: 999; height: 100%">
<header>
<h1 style="
font-size: 100px;
line-height: 65px;
letter-spacing: 12px;
font-weight: 900;
margin: 26px 0;
color: #f5f4ed;
">
hibidabibi
</h1>
<hr>
<span class="byline" style="
font-size: 48px;
line-height: 65px;
letter-spacing: 12px;
font-weight: 900;
margin: 26px 0;
color: #f5f4ed;
">
Coming Soon
</span>
</header>
<footer>
<ul class="icons">
<li><a href="#" class="icon icon-twitter"><span>Twitter</span></a></li>
<li><a href="#" class="icon icon-youtube"><span>Facebook</span></a></li>
<li><a href="#" class="icon icon-instagram"><span>Google+</span></a></li>
</ul>
</footer>
</div>
</div>
</div>
</div>
我的CSS
#bigvid {
position: absolute;
background-color: #000;
height: 100%;
width: 100%;
z-index: 100;
background-image: url('../images/screenshot.jpg');
}
看到http://impulse1.github.io/Test/以供參考。
非常感謝這個修復它,關於如何在vid加載之前加載圖像並保持原位的任何提示? – user3200978