const ScrollVideoPlay = () => {
    const elems = document.querySelectorAll('[data-play="video"]');

    elems.forEach((elem) => {
        const onScroll = () => {
            const posTop = elem.getBoundingClientRect().top;

            if (posTop + elem.clientHeight <= window.innerHeight && posTop >= 0) {
                elem.play();

                document.removeEventListener('scroll', onScroll);
            }
        };

        onScroll();

        document.addEventListener('scroll', onScroll);
    });
};

export default ScrollVideoPlay;