html5视频通过鼠标滚轮滚动播放

我希望能够制作一个网页，当用户上下滚动鼠标滚轮时，可以向前和向后播放视频。这似乎是可以想象的，通过 HTML5 和可能的 JavaScript。对于此类事情的任何指导都会有所帮助。

随时暂停视频。每隔一段时间获取滚动位置并使视频寻找到滚动位置。不过，建议使用任何页面加载器效果来让视频完全缓冲。

完整代码

// select video element
var vid = document.getElementById('v0');
//var vid = $('#v0')[0]; // jquery option

// pause video on load
vid.pause();

// pause video on document scroll (stops autoplay once scroll started)
window.onscroll = function(){
    vid.pause();
};

// refresh video frames on interval for smoother playback
setInterval(function(){
    vid.currentTime = window.pageYOffset/400;
}, 40);