JavaScript - Activar el autoplay cuando se llegue a un punto específico

<video id="autoplayVideo" width="100%" controls>

  <source src="video.mp4" type="video/mp4">

</video>

<script>

document.addEventListener("DOMContentLoaded", function() {

    let video = document.getElementById("autoplayVideo");

    // Función para comprobar si el video está en la vista

    function isVideoInView() {

        let rect = video.getBoundingClientRect();

        return (rect.top <= window.innerHeight && rect.bottom >= 0);

    }

    // Función para manejar el evento de desplazamiento

    function handleScroll() {

        if (isVideoInView() && !video.playing) {

            video.play();

        } else {

            video.pause();

        }

    }

    // Asignar la función al evento de desplazamiento

    window.addEventListener("scroll", handleScroll);

    // Reproducir el video automáticamente cuando llegue a la vista

    handleScroll();

});