diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 960f9b5..45f8c11 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -123,14 +123,15 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
               preload="none"
               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 */}
-              {video.mp4Url && (
-                <source src={video.mp4Url} type="video/mp4" />
+              {video.videoUrlMp4 && (
+                <source src={video.videoUrlMp4} type="video/mp4" />
               )}
               {/* Fallback to HLS if MP4 fails */}
-              {video.hlsUrl && (
-                <source src={video.hlsUrl} type="application/x-mpegURL" />
+              {video.videoUrl && (
+                <source src={video.videoUrl} type="application/x-mpegURL" />
               )}
             </video>
           </div>