首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何增加bigvideo.js的加载时间?

如何增加bigvideo.js的加载时间?
EN

Stack Overflow用户
提问于 2014-01-16 04:40:49
回答 2查看 223关注 0票数 1

我的加载时间是疯狂的慢的小网站,我做错了什么。

我的意图是在视频加载/*之前让一个图像显示到位,但是图像大约在视频的同一时间加载,即使加载要花费很长时间。

我的html:

代码语言:javascript
复制
<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

代码语言:javascript
复制
 #bigvid {
   position: absolute;
   background-color: #000;
   height: 100%;
   width: 100%;
   z-index: 100;
   background-image: url('../images/screenshot.jpg');
 }

参考见http://impulse1.github.io/Test/

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-01-16 06:20:47

你的身体需要100%的高度。背景图像正在加载,它只是没有内容,直到视频加载。一旦加载视频,它就会填充div,并在div调整大小和填充视频之间的间隔秒内看到您的背景图像。

票数 0
EN

Stack Overflow用户

发布于 2014-01-16 04:45:55

我会在里面放一个更大的视频,看看是不是真的。老实说,我可以在视频开始前看到你的占位符图像。

如果你用铬..。按f12加载开发工具。然后切换回浏览器。单击站点上的刷新按钮,但按住鼠标按钮,当菜单出现时,选择最后一个选项--“空缓存和硬重新加载”。

此时,您可能只是缓存的牺牲品。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21153447

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档