在特定时间加载网站的部分

Question

Hello堆栈溢出社区，

我正在努力让这个网站快速加载。这是一个单页组合网站，运行于Themeforest的“简单”主题：

http://themeforest.net/item/simply-one-page-multipurpose-html-template/7788220?WT.ac=search_item&WT.oss_phrase=simply&WT.oss_rank=5&WT.z_author=AliA

使用视频标题和标题下方的所有其他内容，我们会看到5秒的加载时间。

我正在寻找的方法是在首次加载时加载视频标题和导航，在视频完成加载并开始播放后，剩余的内容将开始加载。

我不太熟悉Ajax或编写Javascript，但如果我能指出正确的方向，我将不胜感激！

从我到目前为止所读到的内容来看，可能有.load javascript可能会解决这个问题，但我没有找到太多关于它的信息或从哪里开始。

Answer 1

.load()包含一个回调（请参阅here） - 因此，假设您的内容全部位于同一个域中，您只需要执行以下操作：

$(document).ready(function() {
  $('#div_where_you_want_to_load_the_video').load(
    '/path_to_video',
    '#video_container',
    function() {
      //load the rest
    }
  );
});

确保首先加载jQuery。