add preview image to video opengraph

src/pages/video/[name].astro

@@ -3,6 +3,7 @@ import WebsiteLayout from '@layouts/website/WebsiteLayout.astro';
 import VideoPlayer from '@app/website/video/VideoPlayer.svelte';
 import { getVideoMetadata, resolveVideo } from '@util/video.ts';
 import { BASE_PATH } from 'astro:env/server';
+import logo512 from '@assets/img/logo-512.webp';
 
 const { name } = Astro.params;
 
@@ -18,6 +19,7 @@ const streamPath = `${BASE_PATH}/video/${encodeURIComponent(video.name)}/stream`
 
 <WebsiteLayout title={`${title} - Video`} description={description ?? undefined} openGraph="minimal">
   <Fragment slot="head">
+    <meta property="og:image" content={logo512.src} />
     <meta property="og:type" content="video" />
     <meta property="og:video" content={streamPath} />
     <meta property="og:video:type" content={video.contentType} />