From 53a6219e1e30995d25b4bc369bd927f72793865c Mon Sep 17 00:00:00 2001
From: jason <stedwell@gmail.com>
Date: Sat, 28 Mar 2026 10:09:34 -0500
Subject: [PATCH] build video support

---
 frontend/src/components/MemeCard.tsx   | 10 ++++++++--
 frontend/src/components/MemeDetail.tsx |  1 -
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/MemeCard.tsx b/frontend/src/components/MemeCard.tsx
index 5aaaba3..f36d3fd 100644
--- a/frontend/src/components/MemeCard.tsx
+++ b/frontend/src/components/MemeCard.tsx
@@ -45,8 +45,14 @@ export function MemeCard({ meme, onOpen, onShare }: Props) {
   return (
     <div
       className="relative group break-inside-avoid mb-3 rounded-xl overflow-hidden bg-zinc-900 cursor-pointer shadow-lg hover:shadow-accent/20 hover:shadow-xl transition-shadow duration-300"
-      onMouseEnter={() => setHovered(true)}
-      onMouseLeave={() => setHovered(false)}
+      onMouseEnter={() => {
+        setHovered(true);
+        if (videoRef.current) videoRef.current.muted = false;
+      }}
+      onMouseLeave={() => {
+        setHovered(false);
+        if (videoRef.current) videoRef.current.muted = true;
+      }}
       onClick={() => onOpen(meme)}
     >
       {/* Skeleton while loading */}
diff --git a/frontend/src/components/MemeDetail.tsx b/frontend/src/components/MemeDetail.tsx
index 7f333de..f70709f 100644
--- a/frontend/src/components/MemeDetail.tsx
+++ b/frontend/src/components/MemeDetail.tsx
@@ -157,7 +157,6 @@ export function MemeDetail({ memeId, onClose }: Props) {
                   controls
                   autoPlay
                   loop
-                  muted
                   playsInline
                   className="max-w-full max-h-full rounded-lg animate-fade-in"
                 />