添加和删除Javascript上的粘性类上下滚动

我是JS的新手，我正在尝试创建像这样的粘性视频播放器。当用户上下滚动时，粘性类被添加到视频播放器中。我做了一些工作。但我想也增加功能，检查底部，一旦我向下滚动，我想粘性类被添加

我不知道该怎么做。任何帮助都会很好。对我宽容点

var vid=document.querySelector（'#main'）； 变量topOfVid=vid.offsetTop

    function fixVid() {
        if (window.scrollY >= topOfVid) {
            document.body.style.paddingTop = vid.offsetHeight + 'px';
            document.body.classList.add('fixed-vid');
        } else {
            document.body.classList.remove('fixed-vid');
            document.body.style.paddingTop = 0;
        }
    }

    window.addEventListener('scroll', fixVid);

---

我不是100%清楚你想要什么，你想在滚动到视频底部而不是顶部时添加类吗？对不起，我想同时添加顶部和底部。目的是使视频始终可见。