diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index f22060b..bfc4dc0 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -55,11 +55,13 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay // Delay preview start to avoid loading on quick mouse passes useEffect(() => { if (isHovered) { - // Enable preview on both mobile and desktop - shorter delay for mobile - const delay = window.innerWidth < 768 ? 300 : 800; - hoverTimeoutRef.current = setTimeout(() => { - setShowPreview(true); - }, delay); + // Only enable preview on desktop, disable on mobile + if (window.innerWidth >= 768) { + const delay = 800; + hoverTimeoutRef.current = setTimeout(() => { + setShowPreview(true); + }, delay); + } } else { if (hoverTimeoutRef.current) { clearTimeout(hoverTimeoutRef.current); @@ -124,8 +126,6 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay className={`video-card transition-transform duration-200 hover:scale-[1.02] ${className}`} onMouseEnter={() => setIsHovered(true)} onMouseLeave={() => setIsHovered(false)} - onTouchStart={() => setIsHovered(true)} - onTouchEnd={() => setIsHovered(false)} > {/* Video preview container */}