fix(web): add 16:9 aspect-ratio reservation to direct video embeds

2026-03-25 01:55:41 +01:00
parent b96c16b622
commit 234ee9cd23
1 changed files with 5 additions and 2 deletions
@@ -11,12 +11,15 @@ export function VideoEmbed({ embed }: VideoEmbedProps) {
  // Direct video URL — no provider, no embedUrl
  if (!embed.provider && !embed.embedUrl) {
    return (
-      <div className="mt-2 max-w-[400px]">
+      <div
+        className="mt-2 max-w-[400px] rounded-lg overflow-hidden bg-surface-input"
+        style={{ aspectRatio: '16/9' }}
+      >
        <video
          src={embed.url}
          controls
          preload="none"
-          className="w-full rounded-lg bg-black"
+          className="w-full h-full rounded-lg"
        />
      </div>
    );