chore: update the video and set a fallback for the loading (#407)

safe-global · Jul 5, 2024 · f965789 · f965789
1 parent 4d431dd
commit f965789
Show file tree

Hide file tree

Showing 4 changed files with 2 additions and 1 deletion.
diff --git a/public/images/GasStation/gas-station.png b/public/images/GasStation/gas-station.png
diff --git a/public/videos/GasStation/gas-station.mp4 b/public/videos/GasStation/gas-station.mp4
diff --git a/public/videos/GasStation/gas-station.webm b/public/videos/GasStation/gas-station.webm
diff --git a/src/components/GasStation/Hero/index.tsx b/src/components/GasStation/Hero/index.tsx
@@ -6,7 +6,8 @@ import { Button, Typography } from '@mui/material'
 const Hero = ({ title, text, link }: BaseBlock) => {
   return (
     <div className={css.videoWrapper}>
-      <video autoPlay muted playsInline loop className={css.video}>
+      <video autoPlay muted playsInline loop poster="/images/GasStation/gas-station.png" className={css.video}>
+        <source src="/videos/GasStation/gas-station.webm" type="video/webm" />
         <source src="/videos/GasStation/gas-station.mp4" type="video/mp4" />
         <img src="/images/GasStation/gas-station.png" alt="Safe Gas Station" />
       </video>