Reproducir video html5 al pasar por esa sección

[raptor00]

pues muchas gracias, hice varias pruebas y ya me funcionó, tuve que poner el código script despues del html del video, como ya ves no tengo mucha experiencia en javascript, y te agradezco el tutorial, sin duda lo voy a pasar. Aqui te dejo el código de cómo me funcionó, quisás le ayude a alguien más.

Código HTML:

<section id="videoCapa">               
    
    <div id="insta_title">Video</div>
    <div id="insta_img">
        <video id="vi" src="video/video.ogv" controls ></video>   
    </div>
                     
</section>
 

Código Javascript:

<script>
    var seccion = document.querySelector("#vi"),
        video = document.querySelector("#insta_img video");
        
        window.addEventListener("scroll", function(){
        if (this.scrollY >= seccion.offsetTop - document.documentElement.clientHeight && 
            this.scrollY + document.documentElement.clientHeight <= seccion.offsetHeight + seccion.offsetTop  + 250){
            video.play();
        }
        else{
            video.pause();
        }
    }, false);
</script>
 

le hice un aumento de 250 para que tenga un mayor espacio de play(), porque anteriormente el area activa para reproducir el video era muy pequeña y entonces el play solo funcionaba en un lugar especifico, de esta forma mientras vas haciendo el scroll se nota mas el play(), si estoy mal en algo me dices, pero a mi me funciona.

saludos!!