diff --git a/ui/src/components/VideoOverlay.tsx b/ui/src/components/VideoOverlay.tsx index f6303ce..ebc9a49 100644 --- a/ui/src/components/VideoOverlay.tsx +++ b/ui/src/components/VideoOverlay.tsx @@ -5,6 +5,7 @@ import { Button, LinkButton } from "@components/Button"; import LoadingSpinner from "@components/LoadingSpinner"; import { GridCard } from "@components/Card"; import { motion, AnimatePresence } from "motion/react"; +import { LuPlay } from "react-icons/lu"; interface OverlayContentProps { children: React.ReactNode; @@ -230,28 +231,24 @@ export function NoAutoplayPermissionsOverlay({ }} > -
- -
-
-
-

Autoplay Permissions Required

-
    -
  • Your browser is blocking automatic video playback
  • -
  • Click anywhere on the video area to start the stream
  • -
  • To avoid this in the future, allow autoplay for this site
  • -
-
-
-
+
+

+ Autoplay permissions required +

+ +
+
+
+ +
+ Please adjust browser settings to enable autoplay