Estoy creando una galería desplazable con matraz que muestra muchos elementos de <video> , los archivos de video son pequeños pero aún genera muchas solicitudes http 206, que son un matraz de cuello de botella.
<img> tiene loading="lazy" , lo cual es muy conveniente.
¿Hay alguna forma, solo javascript o css, de implementar tal comportamiento pero para <video> ?
Puedo usar preload="none" , pero no mostrará el primer cuadro de video.
puede usar una parte de esta solución:
<video preload="none" src="video.mp4" autoplay="false" poster="poster.jpg" muted="false" loop="false"> </video> Si la precarga no es none , el navegador web no precarga los medios, pero aconsejo reemplazar una imagen con el atributo de póster.
Precarga la explicación aquí
explicación de reproducción automática aquí
explicación del bucle aquí
explicación del cartel aquí