feat: inline play Hero videos

safe-global · Dec 15, 2023 · 8dca8fb · 8dca8fb
1 parent 173c225
commit 8dca8fb
Show file tree

Hide file tree

Showing 8 changed files with 7 additions and 7 deletions.
diff --git a/public/images/intro-chip.png → public/images/Core/intro-chip.png b/public/images/intro-chip.png → public/images/Core/intro-chip.png
diff --git a/public/videos/intro-chip.hevc.mp4 → public/videos/Core/intro-chip.hevc.mp4 b/public/videos/intro-chip.hevc.mp4 → public/videos/Core/intro-chip.hevc.mp4
diff --git a/public/videos/intro-chip.mp4 → public/videos/Core/intro-chip.mp4 b/public/videos/intro-chip.mp4 → public/videos/Core/intro-chip.mp4
diff --git a/public/videos/intro-chip.webm → public/videos/Core/intro-chip.webm b/public/videos/intro-chip.webm → public/videos/Core/intro-chip.webm
diff --git a/public/videos/safe-logo.mp4 → public/videos/Home/safe-logo.mp4 b/public/videos/safe-logo.mp4 → public/videos/Home/safe-logo.mp4
diff --git a/src/components/Core/AASdk/index.tsx b/src/components/Core/AASdk/index.tsx
@@ -32,7 +32,7 @@ const AASdk = ({ title, caption, text, link }: BaseBlock) => {
           )}
         </Grid>
         <div className={css.videoWrapper}>
-          <video autoPlay muted loop className={css.video}>
+          <video autoPlay muted playsInline loop className={css.video}>
             <source src={isSmallScreen ? '/videos/aa-sdk-mobile.webm' : '/videos/aa-sdk.webm'} type="video/webm" />
             <source
               src={isSmallScreen ? '/videos/aa-sdk-mobile.hevc.mp4' : '/videos/aa-sdk.hevc.mp4'}

diff --git a/src/components/Core/Intro/index.tsx b/src/components/Core/Intro/index.tsx
@@ -23,10 +23,10 @@ const CoreIntro = ({ title, text, link, scroll }: BaseBlock & { scroll?: { title
       >
         <Grid item md={6} display="flex" justifyContent="center">
           <video autoPlay muted loop className={css.video}>
-            <source src="/videos/intro-chip.webm" type="video/webm" />
-            <source src="/videos/intro-chip.hevc.mp4" type="video/mp4" />
-            <source src="/videos/intro-chip.mp4" type="video/mp4" />
-            <img src="/images/intro-chip.png" alt="Core Chip" />
+            <source src="/videos/Core/intro-chip.webm" type="video/webm" />
+            <source src="/videos/Core/intro-chip.hevc.mp4" type="video/mp4" />
+            <source src="/videos/Core/intro-chip.mp4" type="video/mp4" />
+            <img src="/images/Core/intro-chip.png" alt="Core Chip" />
           </video>
         </Grid>
         <Grid item md={6}>

diff --git a/src/components/Home/Intro/index.tsx b/src/components/Home/Intro/index.tsx
@@ -19,8 +19,8 @@ const Intro = ({ title, text, buttons }: BaseBlock) => {
           </Grid>
         </Grid>
         <div className={css.filter}>
-          <video autoPlay muted loop className={css.video}>
-            <source src="/videos/safe-logo.mp4" type="video/mp4" />
+          <video autoPlay muted playsInline loop className={css.video}>
+            <source src="/videos/Home/safe-logo.mp4" type="video/mp4" />
           </video>
           <div className={css.frame} />
         </div>