listen globally to clicks rather than blur event

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

@@ -203,19 +203,21 @@ function Controls({
     onOut: onMouseLeave,
   } = useInteractionState()
   const isFullscreen = useFullscreen()
-  const {
+  const {state: hasFocus, onIn: onFocus, onOut: onBlur} = useInteractionState()
-    state: hasFocus,
-    onIn: onFocus,
-    onOut: onUnfocus,
-  } = useInteractionState()
   const [interactingViaKeypress, setInteractingViaKeypress] = useState(false)
   const onKeyDown = useCallback(() => {
     setInteractingViaKeypress(true)
   }, [])
-  const onBlur = useCallback(() => {
+  useEffect(() => {
-    setInteractingViaKeypress(false)
+    if (interactingViaKeypress) {
-    onUnfocus()
+      document.addEventListener('click', () => setInteractingViaKeypress(false))
-  }, [onUnfocus])
+      return () => {
+        document.removeEventListener('click', () =>
+          setInteractingViaKeypress(false),
+        )
+      }
+    }
+  }, [interactingViaKeypress])
 
   const autoplayDisabled = useAutoplayDisabled()