diff --git a/attached_assets/IMG_0571_1756462340289.png b/attached_assets/IMG_0571_1756462340289.png new file mode 100644 index 0000000..1ddb204 Binary files /dev/null and b/attached_assets/IMG_0571_1756462340289.png differ diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx index 0f3471c..a2788c7 100644 --- a/client/src/components/video-card.tsx +++ b/client/src/components/video-card.tsx @@ -52,8 +52,11 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP const hlsRef = useRef(null); // Delay preview start to avoid loading on quick mouse passes + // Only enable previews on desktop devices with mouse useEffect(() => { - if (isHovered) { + const isMobile = window.innerWidth < 768 || 'ontouchstart' in window; + + if (isHovered && !isMobile) { hoverTimeoutRef.current = setTimeout(() => { setShowPreview(true); }, 800); // Start preview after 800ms hover