move around autoplay effects

src/view/com/util/post-embeds/VideoWebControls.web.tsx

@@ -72,25 +72,25 @@ export function Controls({
     }
   }, [interactingViaKeypress])
 
-  const autoplayDisabled = useAutoplayDisabled()
+  // pause + unfocus when another video is active
-
-  // autoplay
   useEffect(() => {
-    if (active && !autoplayDisabled) {
+    if (!active) {
-      play()
-    }
-    return () => {
       pause()
       setFocused(false)
     }
-  }, [active, play, pause, setFocused, autoplayDisabled])
+  }, [active, pause, setFocused])
 
-  // pause when offscreen
+  // autoplay/pause based on visibility
+  const autoplayDisabled = useAutoplayDisabled()
   useEffect(() => {
-    if (!onScreen) {
+    if (active && !autoplayDisabled) {
+      if (onScreen) {
+        play()
+      } else {
         pause()
       }
-  }, [onScreen, pause])
+    }
+  }, [onScreen, pause, active, play, autoplayDisabled])
 
   const onPressPlayPause = useCallback(() => {
     if (!focused) {