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中链接的谷歌视频时，代码工作正常，但当我使用我自己的网站文件夹中的视频时，它真的很迟钝，看起来并不好看！我的猜测是它可能与帧速率有关？我真的不确定。我目前的视频是29.9fps，并尝试在首映专业版调整它，但它仍然非常滞后。我的第二个猜测是它可能与滚动有关，因为当我向下滚动页面非常缓慢它有点工作但在某些部分仍然滞后。我真的希望有人可以帮我解决这个问题，因为我碰到了一堵砖墙！我目前正在托管我未完成的网站here，这样您就可以了解我对延迟的看法。有没有人知道为什么它如此糟糕？我真的被困了，非常感谢任何帮助！

谢谢，

路易斯=）

Answer 1

好的，所以我降低了Kbps并将其与代码笔上使用的视频相匹配，现在它完美无缺。非常感谢你的帮助！：D

路易斯

滚动浏览HTML5视频时会出现javascript滞后问题

1 个答案: