Video 视频滚动控制限制速度

今天我想制作一个视频滚动控制网站，但我不知道如何限制滚动速度， 我的意思是，如果我快速滚动视频，播放速度非常快，所以我想限制速度， 这是我的代码：

//选择视频元素
var vid=document.getElementById（'v0'）；
变量时间=$（“#time”）；
var scroll=$（“#scroll”）；
var windowheight=$（window）.height（）-20；
var scrollpos=window.pageYOffset/400；
var targetscrollpos=scrollpos；
var-accel=0；
//----可以调整的值：----
var accelamount=0.1//视频试图赶上目标位置的速度有多快。1=瞬时，0=什么也不做。
//加载时暂停视频
参阅暂停（）；
window.onscroll=函数（）{
//设置我们想要结束的视频位置：
targetscrollpos=window.pageYOffset/400；
//将红点移动到屏幕两侧的位置
//这表明我们已经滚动了多远。
css（'top'，10+（window.pageYOffset/13500*windowheight））；
};
setInterval（函数（）{
//加速实现目标：
scrollpos+=（targetscrollpos-scrollpos）*加速量；
//将蓝点移动到屏幕两侧的位置
//指示当前视频滚动位置的位置。
css（'top'，10+（scrollpos/13500*400*windowheight））；
//更新视频播放
vid.currentTime=滚动位置；
参阅暂停（）；
}, 40);
#设置高度{
显示：块；
高度：13500px；
}
#v0{
位置：固定；
排名：0；
左：0；
身高：100%；
}
p字体系列helvetica{
字体大小：24px；
}
#时间{
位置：固定；
显示：块；
顶部：10px；
右：10px；
z指数：2；
宽度：10px；
高度：10px；
边界半径：20px；
背景色：rgba（0,0255,0.5）；
}
#卷轴{
位置：固定；
显示：块；
顶部：10px；
右：10px；
z指数：2；
宽度：10px；
高度：10px；
边界半径：20px；
背景色：rgba（255,0,0,0.5）；
}

很抱歉，您的浏览器不支持视频元素

您可以尝试此示例并为您的网站编辑它。
“你的网站不错，我喜欢这个主意”


if（window.addEventListener）window.addEventListener（'DOMMouseScroll'，wheel，false）；
window.onmouseheel=document.onmouseheel=wheel；
功能控制盘（事件）{
var-delta=0；
如果（event.wheelDelta）delta=event.wheelDelta/120；
else if（event.detail）delta=-event.detail/3；
手柄（三角形）；
if（event.preventDefault）event.preventDefault（）；
event.returnValue=false；
}
函数句柄（增量）{
var时间=1000；
var距离=300；
$（'html，body'）.stop（）.animate({
scrollTop:$（窗口）.scrollTop（）-（距离*增量）
}，时间）；
}

使用鼠标滚轮（而不是滚动条）滚动此分区。您将看到滚动最终会减慢，然后停止。使用鼠标滚轮（而不是滚动条）滚动此分区。您将看到滚动最终会减慢，然后停止。
是的，这可能是一个解决方案，它强制一步一步地滚动谢谢；）