我的加载时间是疯狂的慢的小网站,我做错了什么。
我的意图是在视频加载/*之前让一个图像显示到位,但是图像大约在视频的同一时间加载,即使加载要花费很长时间。
我的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/。
发布于 2014-01-16 06:20:47
你的身体需要100%的高度。背景图像正在加载,它只是没有内容,直到视频加载。一旦加载视频,它就会填充div,并在div调整大小和填充视频之间的间隔秒内看到您的背景图像。
发布于 2014-01-16 04:45:55
我会在里面放一个更大的视频,看看是不是真的。老实说,我可以在视频开始前看到你的占位符图像。
如果你用铬..。按f12加载开发工具。然后切换回浏览器。单击站点上的刷新按钮,但按住鼠标按钮,当菜单出现时,选择最后一个选项--“空缓存和硬重新加载”。
此时,您可能只是缓存的牺牲品。
https://stackoverflow.com/questions/21153447
复制相似问题