diff --git a/src/components/Video.astro b/src/components/Video.astro index 6a0be33..4e16902 100644 --- a/src/components/Video.astro +++ b/src/components/Video.astro @@ -1,5 +1,5 @@ --- -// src/components/Video.astro - SIMPLE wrapper component +// src/components/Video.astro - SIMPLE responsive video component export interface Props { src: string; title?: string; @@ -8,6 +8,7 @@ export interface Props { muted?: boolean; loop?: boolean; aspectRatio?: '16:9' | '4:3' | '1:1'; + preload?: 'none' | 'metadata' | 'auto'; } const { @@ -17,17 +18,21 @@ const { autoplay = false, muted = false, loop = false, - aspectRatio = '16:9' + aspectRatio = '16:9', + preload = 'metadata' } = Astro.props; + +const aspectClass = `aspect-${aspectRatio.replace(':', '-')}`; --- -
+