jason/memer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

build video support

Browse Source
This commit is contained in:
jason
2026-03-28 10:09:34 -05:00
parent f235987b3a
commit 53a6219e1e
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/MemeCard.tsx
View File

@@ -45,8 +45,14 @@ export function MemeCard({ meme, onOpen, onShare }: Props) {
return ( return (
<div <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" 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)} onMouseEnter={() => {
onMouseLeave={() => setHovered(false)} setHovered(true);
if (videoRef.current) videoRef.current.muted = false;
}}
onMouseLeave={() => {
setHovered(false);
if (videoRef.current) videoRef.current.muted = true;
}}
onClick={() => onOpen(meme)} onClick={() => onOpen(meme)}
> >
{/* Skeleton while loading */} {/* Skeleton while loading */}

1
frontend/src/components/MemeDetail.tsx
View File

@@ -157,7 +157,6 @@ export function MemeDetail({ memeId, onClose }: Props) {
controls controls
autoPlay autoPlay
loop loop
muted
playsInline playsInline
className="max-w-full max-h-full rounded-lg animate-fade-in" className="max-w-full max-h-full rounded-lg animate-fade-in"
/> />