Quiero tener videoclips que pasen sin problemas de uno a otro (con animaciones inactivas). Para empezar, quería usar el reproductor de navegador normal y simplemente cambiar de fuente cuando un clip termina así:

 var videos = [ "video/1.webm", "video/2.webm", "video/3.webm", "video/4.webm", ]; let i = 0; const videoCount = videos.length; const element = document.getElementById("video"); element.addEventListener('ended', myHandler, false); function myHandler() { i++; if (i == videoCount) { i = 0; } element.setAttribute("src", videos[i]); element.autoplay = true; // element.preload = true; // element.muted = true; element.load(); }

El problema es que hay un tartamudeo/parpadeo o retraso antes de que comience a reproducirse un nuevo clip (en Chrome y Firefox). Los clips que tengo no contienen marcos negros o vacíos (los clips que tengo están bien).

Por lo que puedo decir, muestra una pantalla en blanco durante un cuadro o dos.

¿Hay alguna forma de precargar los clips para que cambien instantáneamente?