diff --git a/src/pages/[...id].tsx b/src/pages/[...id].tsx
index 52ec74d..ed59e42 100644
--- a/src/pages/[...id].tsx
+++ b/src/pages/[...id].tsx
@@ -30,6 +30,7 @@ export default function EmbeddedImage({ image, user, pass }) {
   };
 
   const updateImage = async (url?: string) => {
+
     const imageEl = document.getElementById('image_content') as HTMLImageElement;
 
     const img = new Image();
@@ -62,8 +63,19 @@ export default function EmbeddedImage({ image, user, pass }) {
             <meta property='theme-color' content={user.embedColor} />
           </>
         )}
-        <meta property='og:image' content={dataURL('/r')} />
-        <meta property='twitter:card' content='summary_large_image' />
+        {image.mimetype.startsWith('image') && (
+          <>
+            <meta property='og:image' content={dataURL('/r')} />
+            <meta property='twitter:card' content='summary_large_image' />
+          </>
+        )}
+        {image.mimetype.startsWith('video') && (
+          <>
+            <meta property='og:video' content={dataURL('/r')} />
+            <meta property='og:video:url' content={dataURL('/r')} />
+            <meta property='og:video:type' content={image.mimetype} />
+          </>
+        )}
         <title>{image.file}</title>
       </Head>
       <Modal
@@ -88,7 +100,18 @@ export default function EmbeddedImage({ image, user, pass }) {
           justifyContent: 'center',
         }}
       >
-        <img src={dataURL('/r')} alt={dataURL('/r')} id='image_content' />
+        {image.mimetype.startsWith('image') && (
+          <img src={dataURL('/r')} alt={dataURL('/r')} id='image_content' />
+        )}
+
+        {image.mimetype.startsWith('video') && (
+          <video
+            src={dataURL('/r')}
+            controls={true}
+            autoPlay={true}
+            id='image_content'
+          />
+        )}
       </Box>
     </>
   );
@@ -168,7 +191,7 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
       },
     };
 
-    if (!image.mimetype.startsWith('image')) {
+    if (!image.mimetype.startsWith('image') && !image.mimetype.startsWith('video')) {
       const { default: datasource } = await import('lib/datasource');
 
       const data = datasource.get(image.file);