disable fullscreen on iPhone

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?.()

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 */}
+        {!isIPhoneWeb && (
-        <Button
+          <Button
-          label={_(muted ? msg`Unmute` : msg`Mute`)}
+            label={_(muted ? msg`Unmute` : msg`Mute`)}
-          onPress={onPressFullscreen}
+            onPress={onPressFullscreen}
-          {...btnProps}>
+            {...btnProps}>
-          {isFullscreen ? (
+            {isFullscreen ? (
-            <ArrowsInIcon fill={t.palette.white} width={20} />
+              <ArrowsInIcon fill={t.palette.white} width={20} />
-          ) : (
+            ) : (
-            <ArrowsOutIcon fill={t.palette.white} width={20} />
+              <ArrowsOutIcon fill={t.palette.white} width={20} />
-          )}
+            )}
-        </Button>
+          </Button>
+        )}
       </View>
       {(showControls || !focused) && (
         <Animated.View