Как сделать так, чтобы при скролле видео на фоне останавливалось?

Question

[Aladdin]

Нужно, чтобы если видео не видно (скролл вниз) видео на фоне ставилось на паузу. Пробовал window.onblur не работает.

spoiler

var v = document.getElementById('video_bg');

function play() {
    v.play();
}

function pause() {
    v.pause();
}

function stop() {
    v.pause();
    v.currentTime = 0;
}
window.onblur = function () {
     $("#video_vg").v("pause")
       // v.pause()
    }

Answer 1

[Dima Polos]

window.addEventListener('scroll', (e) => {
if (e.scrollTop >= e.clientHieght){
v.pause();
}
}

Честно, все тонкости полей объекта не помню, вроде scrollTop это метод, который возвращает сколько прокручено, и точно не помню как пишется поле, где хранится высота viewport'a.
https://developer.mozilla.org/ru/docs/Web/API/Elem...
Вот статья, для уточнения, а сама суть решения именно такая.