function isElementAboveViewport(element) { const elementTop = element.getBoundingClientRect().top; const elementBottom = element.getBoundingClientRect().bottom + 50; const viewportHeight = window.innerHeight; if (elementTop viewportHeight) { return false } return null } function isMoviePlay(width, el) { if (width > 90) { el.play() } else { el.pause() } } function debounce(fn, time) { let timer return function (...args) { clearTimeout(timer); timer = setTimeout(() => { fn(...args); }, time) } } function homeMoviePlayer() { const movie = document.querySelector('#home-movie') const movieEl = movie.querySelector('.elementor-video') if (window.innerWidth { if (entries[0].isIntersecting) { movieShow = true } else { movieShow = false } }) observer.observe(movie) const wheelAnimate = (event) => { setTimeout(() => { event.preventDefault() }, 2000) let w = parseInt(movie.style.width) if (!isElementAboveViewport(movie)) { if(movieShow && w 0) { movie.style.width = w + speed + '%' } else if (movieShow && w > temp && event.deltaY temp && event.deltaY > 0) { movie.style.width = w - speed + '%' } else if (movieShow && w <100 && event.deltaY < 0) { movie.style.width = w + speed + '%' } } isMoviePlay(parseInt(movie.style.width), movieEl) } document.addEventListener('wheel', wheelAnimate, { passive: false }) } homeMoviePlayer()