componente · @solu30/ui-kit/display

VideoBackground

Video de fondo a sangre completa —YouTube, Vimeo o mp4— con imagen de reemplazo en móvil.

Seguir leyendo — 2 párrafos más

Full-bleed video background supporting YouTube, Vimeo iframes and direct mp4 files. Shows a static image fallback on mobile.

Usage: place inside a position: relative container. The component renders as absolute inset-0.

1 sitio de import en 1 de 15 verticales — un archivo que la importa cuenta una vez, monte una instancia o veinte.

El componente, montado

Cargando el componente del paquete instalado…

import { VideoBackground } from '@solu30/ui-kit/display'

4 props declaradas en los tipos de la versión instalada.
Prop	Requerida	Tipo	Qué hace
videoUrl	sí	`string`	Direct video file URL or YouTube/Vimeo share URL
fallbackImageUrl	opcional	`string`	Resolved image URL to show on mobile or while iframe loads
isMobile	opcional	`boolean`	When true, shows the fallback image instead of the video
aspectRatio	opcional	`number`	Relación ancho/alto del video. 16/9 por defecto; un vertical es 9/16.