diff options
| -rw-r--r-- | public/batteur/video/balance.webm | bin | 0 -> 3825269 bytes | |||
| -rw-r--r-- | public/batteur/video/bb.webm | bin | 0 -> 10313092 bytes | |||
| -rw-r--r-- | public/batteur/video/solo.webm | bin | 0 -> 6658917 bytes | |||
| -rw-r--r-- | src/component/VideoAuto.astro | 7 | ||||
| -rw-r--r-- | src/pages/index.astro | 4 | ||||
| -rw-r--r-- | src/scss/style.scss | 4 |
6 files changed, 15 insertions, 0 deletions
diff --git a/public/batteur/video/balance.webm b/public/batteur/video/balance.webm Binary files differnew file mode 100644 index 0000000..7657ba3 --- /dev/null +++ b/public/batteur/video/balance.webm diff --git a/public/batteur/video/bb.webm b/public/batteur/video/bb.webm Binary files differnew file mode 100644 index 0000000..c37b43d --- /dev/null +++ b/public/batteur/video/bb.webm diff --git a/public/batteur/video/solo.webm b/public/batteur/video/solo.webm Binary files differnew file mode 100644 index 0000000..d231915 --- /dev/null +++ b/public/batteur/video/solo.webm 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%; +} |