← Volver al sistema FER&REN Detailing

FER&REN Detailing / Cambiar de página sin reiniciar el video de la portada.

Navegación y video

El ClientRouter de Astro intercepta el click y reemplaza el HTML ya generado, así el video del hero no vuelve a empezar en cada navegación; la regla nativa de transiciones de vista queda declarada como respaldo. Los componentes con estado se reinicializan en astro:page-load y GSAP se carga solo en la portada, de modo que el resto del catálogo se lee sin JavaScript.

01Entrada

El ClientRouter de Astro intercepta el click y reemplaza el HTML ya generado.

02Proceso

El video de la portada continúa en lugar de reiniciarse en cada navegación.

03Resultado

Los componentes con estado se reinicializan en astro:page-load.

Cómo lo construí

La regla nativa de transiciones de vista queda declarada como respaldo para cuando el router no está disponible, y el contenido sigue siendo el HTML estático que el servidor ya entregó. GSAP se carga solo en la portada: las diecinueve páginas de servicio se leen sin JavaScript, con un control para pausar el video y las tablas convertidas en tarjetas en pantallas pequeñas.