滾動時出現JavaScript滯后問題時會播放HTML5視頻

Question

我目前正在設計一個網站，但無法使我的視頻滾動效果正常工作。 我使用http://codepen.io/anon/pen/GxDJ獲得了Java腳本代碼。

/**
 * 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中鏈接的Google視頻時，代碼工作正常，但是當我使用自己站點文件夾中的視頻時，它確實很笨拙，看起來一點也不好！ 我的猜測可能與幀速率有關？ 我真的不確定。 我當前的視頻為29.9fps，並曾嘗試在Premiere Pro中對其進行調整，但它仍然非常落后。 我的第二個猜測是，這可能與滾動有關，因為當我非常緩慢地向下滾動頁面時，它可以工作，但在某些方面仍然滯后。 我真的希望有人幫到我，因為我碰到了磚牆！ 我目前在這里托管我的未完成站點，以便您可以了解滯后的含義。 有誰知道為什么它的落后如此糟糕？ 我真的很困，非常感謝您的幫助！

謝謝，

路易斯=）

Answer 1

好的，所以我降低了Kbps並將其與代碼筆上使用的視頻匹配，現在它可以完美運行了。 非常感謝你的幫助！ ：d

路易