rm unnecessary effect

src/view/com/util/post-embeds/VideoEmbed.tsx

@@ -1,6 +1,6 @@
 import React, {useCallback, useEffect, useId, useState} from 'react'
 import {View} from 'react-native'
-import {Image} from 'expo-image'
+import {ImageBackground} from 'expo-image'
 import {PlayerError, VideoPlayerStatus} from 'expo-video'
 import {AppBskyEmbedVideo} from '@atproto/api'
 import {msg, Trans} from '@lingui/macro'
@@ -8,6 +8,7 @@ import {useLingui} from '@lingui/react'
 
 import {clamp} from '#/lib/numbers'
 import {useGate} from '#/lib/statsig/statsig'
+import {isAndroid, isIOS} from 'platform/detection'
 import {VideoEmbedInnerNative} from '#/view/com/util/post-embeds/VideoEmbedInner/VideoEmbedInnerNative'
 import {atoms as a} from '#/alf'
 import {Button} from '#/components/Button'
@@ -117,12 +118,6 @@ function InnerWrapper({embed}: Props) {
     }
   }, [player, isActive])
 
-  useEffect(() => {
-    if (!isActive && playerStatus !== 'loading') {
-      setPlayerStatus('loading')
-    }
-  }, [isActive, playerStatus])
-
   const onChangeStatus = (isVisible: boolean) => {
     if (isFullscreen) {
       return
@@ -153,7 +148,12 @@ function InnerWrapper({embed}: Props) {
           setIsFullscreen={setIsFullscreen}
         />
       ) : null}
-      <View
+      {(isAndroid && showOverlay) || isIOS ? (
+        <ImageBackground
+          source={{uri: embed.thumbnail}}
+          contentFit="cover"
+          alt={embed.alt}
+          accessibilityIgnoresInvertColors
           style={[
             {
               position: 'absolute',
@@ -164,15 +164,8 @@ function InnerWrapper({embed}: Props) {
               display: showOverlay ? 'flex' : 'none',
             },
           ]}>
-        <Image
-          source={{uri: embed.thumbnail}}
-          alt={embed.alt}
-          style={a.flex_1}
-          contentFit="cover"
-          accessibilityIgnoresInvertColors
-        />
           <Button
-          style={[a.absolute, a.inset_0]}
+            style={[a.flex_1, a.align_center, a.justify_center]}
             onPress={() => {
               setActiveSource(embed.playlist, viewId)
             }}
@@ -193,7 +186,8 @@ function InnerWrapper({embed}: Props) {
               <PlayButtonIcon />
             )}
           </Button>
-      </View>
+        </ImageBackground>
+      ) : null}
     </VisibilityView>
   )
 }