Vanilla JS: reproducir videos html5 automáticamente al hacer scroll

Ejemplo de cómo reproducir automáticamente videos en html5 automáticamente al scrollear usando IntersectionObserver en javascript.

De esta forma recorreremos todos los elementos video que haya en la página y observaremos cuando están visibles al hacer scroll para reproducir/pausar de forma automática en función de si están visibles o no en la pantalla.

Código js:

let options = {
  rootMargin: '0px',
  threshold: 1.0
}

var ob = new IntersectionObserver((entries, observer) => {
  entries.forEach((entry) => {
    if (!entry.isIntersecting) {
      entry.target.pause();
    } else {
      entry.target.play();
    }
  });
  
}, options);

document.querySelectorAll('video').forEach((item) => {
  ob.observe(item);
});

Demo: