我目前正在设计一个网站,但很难让我的视频滚动效果正常工作。我使用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=)
好的,所以我降低了Kbps,并将其与代码笔上使用的视频相匹配,现在它工作得很好。非常感谢您的帮助!:D
Louis