diff options
| author | William Hergès <william@herges.fr> | 2025-08-09 16:17:14 +0200 |
|---|---|---|
| committer | William Hergès <william@herges.fr> | 2025-08-09 16:17:14 +0200 |
| commit | a9d58f8df8f8573e06ad6570cfd4740312d42edb (patch) | |
| tree | 9e7307e163af224461f5cd8c22a954cc9058dcce /src | |
| parent | c73e8682e119e8f3f88fb8b5dd401ffc5c72afb0 (diff) | |
feat(batteur): videos
Diffstat (limited to 'src')
| -rw-r--r-- | src/component/VideoAuto.astro | 7 | ||||
| -rw-r--r-- | src/pages/index.astro | 4 | ||||
| -rw-r--r-- | src/scss/style.scss | 4 |
3 files changed, 15 insertions, 0 deletions
diff --git a/src/component/VideoAuto.astro b/src/component/VideoAuto.astro new file mode 100644 index 0000000..c8b0fe6 --- /dev/null +++ b/src/component/VideoAuto.astro @@ -0,0 +1,7 @@ +--- +const { src } = Astro.props; +--- + +<video muted autoplay loop> + <source src={src} /> +</video> diff --git a/src/pages/index.astro b/src/pages/index.astro index b43b927..481a688 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -1,6 +1,7 @@ --- import "../scss/style.scss"; import ImageBackground from "../component/ImageBackground.astro"; +import VideoAuto from "../component/VideoAuto.astro"; --- <html lang="fr"> @@ -32,10 +33,13 @@ import ImageBackground from "../component/ImageBackground.astro"; <ImageBackground height="500"> <img src="/batteur/old.jpg" /> <img src="/batteur/dark_scene.jpg" /> + <VideoAuto src="/batteur/video/balance.webm" /> <img src="/batteur/mid_rock.jpg" /> <img src="/batteur/black_and_white.jpg" /> <img src="/batteur/old2.jpg" /> <img src="/batteur/mid_outdoor.jpg" /> + <VideoAuto src="/batteur/video/solo.webm" /> + <VideoAuto src="/batteur/video/bb.webm" /> <img src="/batteur/mid_rock2.jpg" /> <img src="/batteur/recent.jpg" /> </ImageBackground> diff --git a/src/scss/style.scss b/src/scss/style.scss index c0f977b..d44b054 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -78,3 +78,7 @@ article { .bg img { height: 100%; } + +.bg video { + height: 100%; +} |