diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx index 2b08cec..6d4b0e9 100644 --- a/client/src/pages/VideoPage.tsx +++ b/client/src/pages/VideoPage.tsx @@ -95,7 +95,9 @@ export default function VideoPage() { updateMetaTag('og:title', currentVideo.title); updateMetaTag('og:description', currentVideo.description || `Watch ${currentVideo.title} on go4.video`); - updateMetaTag('og:image', currentVideo.thumbnailUrl); + // Use custom thumbnail if available, otherwise default thumbnail + const thumbnailForSharing = currentVideo.customThumbnailUrl || currentVideo.thumbnailUrl; + updateMetaTag('og:image', thumbnailForSharing); updateMetaTag('og:url', window.location.href); updateMetaTag('og:type', 'video.other'); updateMetaTag('og:video:duration', currentVideo.duration.toString()); @@ -113,7 +115,7 @@ export default function VideoPage() { updateTwitterTag('twitter:title', currentVideo.title); updateTwitterTag('twitter:description', currentVideo.description || `Watch ${currentVideo.title} on go4.video`); - updateTwitterTag('twitter:image', currentVideo.thumbnailUrl); + updateTwitterTag('twitter:image', thumbnailForSharing); } }, [currentVideo]);