diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 3bc5f89..f22060b 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -55,8 +55,8 @@ 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
-      const delay = 800;
+      // Enable preview on both mobile and desktop - shorter delay for mobile
+      const delay = window.innerWidth < 768 ? 300 : 800;
       hoverTimeoutRef.current = setTimeout(() => {
         setShowPreview(true);
       }, delay);
@@ -124,6 +124,8 @@ 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