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

你好，stack overflow社区

我正在努力让这个网站快速加载。这是一个单页的公文包网站，以“简单”为主题，在最前面提供：

有了视频标题和标题下的所有其他内容，我们将看到5秒的加载时间

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

我对Ajax或编写Javascript都不太熟悉，但如果我能找到正确的方向，我将不胜感激

从我目前所读到的内容来看，可能是.load javascript实现了这一点，但我没有找到太多关于它的信息或从何处开始的信息。

.load包含一个回调。因此，假设您的内容都在同一个域上，您只需执行以下操作：

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

确保首先加载了jQuery