Video in post preview

src/components/Compose.tsx

@@ -3,6 +3,7 @@
 import { useState, useEffect } from 'react';
 import AutoTextarea from '@/components/AutoTextarea';
 import { Post, Attachment } from '@/lib/types';
+import { VideoEmbed } from '@/components/VideoEmbed';
 
 interface ComposeProps {
     onPost: (content: string, mediaIds: string[], linkPreview?: any, replyToId?: string) => void;
@@ -159,6 +160,8 @@ export function Compose({ onPost, replyingTo, onCancelReply, placeholder = "What
                     >
                         x
                     </button>
+                    <VideoEmbed url={linkPreview.url} />
+                    {!linkPreview.url.match(/(youtube\.com|youtu\.be|vimeo\.com)/) && (
                         <div className="link-preview-card mini">
                             {linkPreview.image && (
                                 <div className="link-preview-image">
@@ -170,6 +173,7 @@ export function Compose({ onPost, replyingTo, onCancelReply, placeholder = "What
                                 <div className="link-preview-url">{new URL(linkPreview.url.startsWith('http') ? linkPreview.url : `https://${linkPreview.url}`).hostname}</div>
                             </div>
                         </div>
+                    )}
                 </div>
             )}