diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 640963e..e1922b5 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -52,16 +52,16 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay const [currentTime, setCurrentTime] = useState(0); const [duration, setDuration] = useState(0); - // Disable video preview for better performance - just keep hover effects + // Enable video preview on hover for desktop devices useEffect(() => { if (isHovered) { - // Disable preview completely for performance - // if (window.innerWidth >= 768) { - // const delay = 800; - // hoverTimeoutRef.current = setTimeout(() => { - // setShowPreview(true); - // }, delay); - // } + // Enable preview for desktop devices after delay + if (window.innerWidth >= 768) { + const delay = 800; + hoverTimeoutRef.current = setTimeout(() => { + setShowPreview(true); + }, delay); + } } else { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current);