From 1375fc3142621510a1a8576cbc45dd297ca160f6 Mon Sep 17 00:00:00 2001
From: Kalvinter <web@blue-dots.at>
Date: Sat, 27 Apr 2024 15:39:30 +0200
Subject: [PATCH] fix: added placeholder image for loading videos

---
 src/components/media/Mp4Gif.astro     |   4 +++-
 src/img/loading-placeholder-image.png | Bin 0 -> 4914 bytes
 2 files changed, 3 insertions(+), 1 deletion(-)
 create mode 100644 src/img/loading-placeholder-image.png

diff --git a/src/components/media/Mp4Gif.astro b/src/components/media/Mp4Gif.astro
index 809ca40..e11ab31 100644
--- a/src/components/media/Mp4Gif.astro
+++ b/src/components/media/Mp4Gif.astro
@@ -1,7 +1,9 @@
 ---
 const {src, classes} = Astro.props
+
+import VideoPlaceHolderImage from './../../img/loading-placeholder-image.png'
 ---
 
-<video class={(classes !== undefined) ? classes : ''} autoplay loop muted playsinline>
+<video class={(classes !== undefined) ? classes : ''} autoplay loop muted playsinline poster={VideoPlaceHolderImage.src}>
     <source src={src} type="video/mp4" />
 </video>
diff --git a/src/img/loading-placeholder-image.png b/src/img/loading-placeholder-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..9bf664b734161bdbf4f66f716e679e9b530153f5
GIT binary patch
literal 4914
zcmeAS@N?(olHy`uVBq!ia0y~yU`_zyI1V<TNXetzN+88p9OUlAu<o49OCX0O-O<;P
zfnj4m_n$;oAfL0qBeIx*f$uN~Gak=hk;1?rbllU$F{C2y?e&ekhYffb990jW_+1h3
zesSg;H|-yZEaki>``*?+oAbTmL}~0}oAb4dTlyYLWUsB=dsw=jiNWf=Eh7U%#S8{!
z28Ip}0|thMj#1`lIE>sx@F0Kf)^BVKANZJf7#I|k4gj;A(kOE@97YqtXl58K2}VoA
z(duBdS{!W?jJAzN8-}B;;?Y*|XsdX%RZN9eu~70KhRY9ycW7-5wFOqL44$rjF6*2U
FngFzjY;XVo

literal 0
HcmV?d00001