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(':', '-')}`;
---
-
+