🌮 Fix HTML head tags and auto-fullscreen on mobile safari (#6248)

* fix head tags * fix auto-fullscreen on mobile safari
Joystream · May 2, 2024 · 4fea4dc · 4fea4dc
1 parent f0a9ae3
commit 4fea4dc
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/packages/atlas/src/index.html b/packages/atlas/src/index.html
@@ -3,7 +3,6 @@
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <preference name="AllowInlineMediaPlayback" value="true" />
     <!--  The following node will be replaced by Optimize init script during Vite's build step (see ../plugins)  -->
     <optimize-script />
 

diff --git a/packages/atlas/src/views/global/ReferralsView/sections/ReferralsVideo/ReferralsVideo.tsx b/packages/atlas/src/views/global/ReferralsView/sections/ReferralsVideo/ReferralsVideo.tsx
@@ -67,7 +67,7 @@ export const ReferralsVideo = () => {
       <LayoutGrid>
         <GridItem colSpan={{ base: 12, lg: 10 }} colStart={{ lg: 2 }}>
           <StyledVideoWrapper>
-            <StyledVideo ref={videoRef} autoPlay loop muted>
+            <StyledVideo ref={videoRef} autoPlay loop muted playsInline>
               <source
                 src="https://eu-central-1.linodeobjects.com/atlas-assets/categories/gleev/videos/referrals/Referrals_dashboard.mp4"
                 type="video/mp4"