Tengo esta página en un sitio Next.js:

https://sendmade-portal-vercel.vercel.app/hu/product/repityke-origami-penztarca

Puedes sentir que el video se carga lentamente.

Así es como se usa el elemento video :

 <video width="100%" autoPlay muted loop playsInline style={{ position: "absolute", left: 0, top: 0, right: 0, bottom: 0, zIndex: -1, }} > <source src={`http://ticket-t01.s3.eu-central-1.amazonaws.com/${props.urlPrefix}-intro.mp4`} type="video/mp4" /> </video>

El video está codificado en H.264 y tiene una resolución de 3840 × 2160. ¿Debo reducir la resolución? ¿Ayudaría? ¿Tiene usted alguna otra idea? Dijo que Next.js no tiene optimización de video ya que hay optimización de imagen.