From 686538202235c436b4b2b3c64a9a0516c7a46fb4 Mon Sep 17 00:00:00 2001
From: Samuel Newman <10959775+mozzius@users.noreply.github.com>
Date: Mon, 5 Aug 2024 12:07:04 +0100
Subject: [PATCH] disable fullscreen on iPhone

---
 src/platform/detection.ts                     |  1 +
 .../util/post-embeds/VideoWebControls.web.tsx | 24 ++++++++++---------
 2 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/platform/detection.ts b/src/platform/detection.ts
index 0c0360a82a..b9f35ff762 100644
--- a/src/platform/detection.ts
+++ b/src/platform/detection.ts
@@ -15,6 +15,7 @@ export const isMobileWeb =
   isWeb &&
   // @ts-ignore we know window exists -prf
   global.window.matchMedia(isMobileWebMediaQuery)?.matches
+export const isIPhoneWeb = isWeb && /iPhone/.test(navigator.userAgent)
 
 export const deviceLocales = dedupArray(
   getLocales?.()
diff --git a/src/view/com/util/post-embeds/VideoWebControls.web.tsx b/src/view/com/util/post-embeds/VideoWebControls.web.tsx
index bfe6f71a22..cc53552b46 100644
--- a/src/view/com/util/post-embeds/VideoWebControls.web.tsx
+++ b/src/view/com/util/post-embeds/VideoWebControls.web.tsx
@@ -11,6 +11,7 @@ import {msg, Trans} from '@lingui/macro'
 import {useLingui} from '@lingui/react'
 import type Hls from 'hls.js'
 
+import {isIPhoneWeb} from '#/platform/detection'
 import {
   useAutoplayDisabled,
   useSetSubtitlesEnabled,
@@ -259,17 +260,18 @@ export function Controls({
             <UnmuteIcon fill={t.palette.white} width={20} />
           )}
         </Button>
-        {/* TODO: find workaround for iOS Safari */}
-        <Button
-          label={_(muted ? msg`Unmute` : msg`Mute`)}
-          onPress={onPressFullscreen}
-          {...btnProps}>
-          {isFullscreen ? (
-            <ArrowsInIcon fill={t.palette.white} width={20} />
-          ) : (
-            <ArrowsOutIcon fill={t.palette.white} width={20} />
-          )}
-        </Button>
+        {!isIPhoneWeb && (
+          <Button
+            label={_(muted ? msg`Unmute` : msg`Mute`)}
+            onPress={onPressFullscreen}
+            {...btnProps}>
+            {isFullscreen ? (
+              <ArrowsInIcon fill={t.palette.white} width={20} />
+            ) : (
+              <ArrowsOutIcon fill={t.palette.white} width={20} />
+            )}
+          </Button>
+        )}
       </View>
       {(showControls || !focused) && (
         <Animated.View