diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 23dc46c..0053284 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -55,13 +55,15 @@ export default function VideoCard({ video, onClick, className = "", hideOverlay
   // Delay preview start to avoid loading on quick mouse passes
   useEffect(() => {
     if (isHovered) {
-      // Shorter delay on mobile for better touch experience
+      // Disable preview on mobile devices
       const isMobile = window.innerWidth < 768;
-      const delay = isMobile ? 500 : 800; // 500ms on mobile, 800ms on desktop
       
-      hoverTimeoutRef.current = setTimeout(() => {
-        setShowPreview(true);
-      }, delay);
+      if (!isMobile) {
+        const delay = 800; // Only on desktop
+        hoverTimeoutRef.current = setTimeout(() => {
+          setShowPreview(true);
+        }, delay);
+      }
     } else {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
@@ -126,8 +128,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 */}
       <div