HTML5视频播放时出现javascript滞后问题

我目前正在设计一个网站，但很难让我的视频滚动效果正常工作。我使用http://codepen.io/anon/pen/GxDJ.

/**
 * Animate stuff on scroll
 */
scrollHandler: function() {
    scroll += (target - scroll) * 0.1;
  console.log(scroll);
    if(delta < 0) {
        $video[0].currentTime += (1 / frameRate);
    }
    else {
        $video[0].currentTime -= (1 / frameRate);
    }
    // stop ticking
    isTicking = false;
}

当使用codepen中链接的谷歌视频时，代码运行良好，但当我从我的网站文件夹中使用自己的视频时，它真的很滞后，看起来一点都不好！我猜这可能和帧速率有关？不过我真的不确定。我目前的视频是29.9fps，并尝试在首映专业版中进行调整，但它仍然非常滞后。我的第二个猜测是，这可能与滚动有关，因为当我非常缓慢地向下滚动页面时，它有点工作，但在某些部分仍然滞后。我真的希望有人能帮上忙，因为我已经碰壁了！我目前正在这里托管我尚未完成的网站，这样你就可以看到我对滞后的意思了。有人知道它为什么如此落后吗？我真的很困，非常感谢任何帮助！

谢谢，

Louis=）