add video to opengraph

src/layouts/BaseLayout.astro

@@ -26,12 +26,14 @@ const { title, description, keywords, openGraph, viewTransition } = Astro.props;
     <title>{title}</title>
     {openGraph && (
       <>
-        <meta name="og:title" content={title} />
-        <meta property="og:url" content={Astro.url.pathname} />
+        <meta property="og:title" content={title} />
+        {description && <meta property="og:description" content={description} />}
+        <meta property="og:url" content={Astro.url.href} />
         <meta property="og:type" content="website" />
-        <meta property="og:image" content={logo512.src} />
+        <meta property="og:image" content={new URL(logo512.src, Astro.url).href} />
       </>
     )}
+    <slot name="head" />
     <meta name="description" content={description} />
     {keywords && <meta name="keywords" content={keywords.join(', ')} />}
     <base href=`${BASE_PATH}/` />