diff --git a/server/routes.ts b/server/routes.ts
index 5fa6cfc..8d97105 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -138,9 +138,13 @@ export async function registerRoutes(app: Express): Promise<Server> {
       const videoUrl = `${baseUrl}/video/${video.id}`;
       
       // Get high-quality thumbnail for sharing (1200x630 is ideal for Facebook)
-      const thumbnailUrl = video.thumbnailUrl 
-        ? video.thumbnailUrl.replace('width=400&height=225', 'width=1200&height=630').replace('format=webp', 'format=jpg')
-        : `${baseUrl}/api/social-image`;
+      let thumbnailUrl = `${baseUrl}/api/social-image`;
+      if (video.thumbnailUrl) {
+        thumbnailUrl = video.thumbnailUrl
+          .replace(/width=\d+/gi, 'width=1200')
+          .replace(/height=\d+/gi, 'height=630')
+          .replace(/format=webp/gi, 'format=jpg');
+      }
       
       // Clean description for meta tags
       const description = video.description 
@@ -162,6 +166,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
   <meta property="og:title" content="${title}">
   <meta property="og:description" content="${description}">
   <meta property="og:image" content="${thumbnailUrl}">
+  <meta property="og:image:secure_url" content="${thumbnailUrl}">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:image:type" content="image/jpeg">
@@ -1415,9 +1420,13 @@ export async function registerRoutes(app: Express): Promise<Server> {
       const videoUrl = `${baseUrl}/video/${video.id}`;
       
       // Get high-quality thumbnail for sharing (1200x630 is ideal for Facebook)
-      const thumbnailUrl = video.thumbnailUrl 
-        ? video.thumbnailUrl.replace('width=400&height=225', 'width=1200&height=630').replace('format=webp', 'format=jpg')
-        : `${baseUrl}/api/social-image`;
+      let thumbnailUrl = `${baseUrl}/api/social-image`;
+      if (video.thumbnailUrl) {
+        thumbnailUrl = video.thumbnailUrl
+          .replace(/width=\d+/gi, 'width=1200')
+          .replace(/height=\d+/gi, 'height=630')
+          .replace(/format=webp/gi, 'format=jpg');
+      }
       
       // Clean description for meta tags
       const description = video.description 
@@ -1439,6 +1448,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
   <meta property="og:title" content="${title}">
   <meta property="og:description" content="${description}">
   <meta property="og:image" content="${thumbnailUrl}">
+  <meta property="og:image:secure_url" content="${thumbnailUrl}">
   <meta property="og:image:width" content="1200">
   <meta property="og:image:height" content="630">
   <meta property="og:image:type" content="image/jpeg">