diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 960f9b5..105b865 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -50,9 +50,13 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
   // Delay preview start to avoid loading on quick mouse passes
   useEffect(() => {
     if (isHovered) {
+      // Shorter delay on mobile for better touch experience
+      const isMobile = window.innerWidth < 768;
+      const delay = isMobile ? 500 : 800; // 500ms on mobile, 800ms on desktop
+      
       hoverTimeoutRef.current = setTimeout(() => {
         setShowPreview(true);
-      }, 800); // Start preview after 800ms hover
+      }, delay);
     } else {
       if (hoverTimeoutRef.current) {
         clearTimeout(hoverTimeoutRef.current);
@@ -73,6 +77,8 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
       className={`video-card transition-transform duration-200 hover:scale-[1.02] p-3 ${className}`}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
+      onTouchStart={() => setIsHovered(true)}
+      onTouchEnd={() => setIsHovered(false)}
     >
       {/* Video preview container */}
       <div 
@@ -120,11 +126,16 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
               muted
               loop
               playsInline
-              preload="none"
+              preload="metadata"
+              controls={false}
+              disablePictureInPicture
+              webkit-playsinline="true"
+              x5-playsinline="true"
               onLoadStart={() => console.log('Preview loading for:', video.title)}
               onError={(e) => console.log('Preview failed for:', video.title)}
+              onCanPlay={() => console.log('Preview ready for:', video.title)}
             >
-              {/* Try MP4 source first for faster loading */}
+              {/* Try MP4 source first for faster loading on mobile */}
               {video.mp4Url && (
                 <source src={video.mp4Url} type="video/mp4" />
               )}