From 86aef3ecc989e3f53709d05b5c5cc1dacc7cb4ee Mon Sep 17 00:00:00 2001
From: timonrieger <mail@timonrieger.de>
Date: Tue, 17 Mar 2026 18:08:56 +0100
Subject: [PATCH] enhance video player layout by ensuring full width and
 maintaining aspect ratio

---
 .../components/asset-viewer/video-native-viewer.svelte    | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/asset-viewer/video-native-viewer.svelte b/web/src/lib/components/asset-viewer/video-native-viewer.svelte
index 4d176844ef..65aa638613 100644
--- a/web/src/lib/components/asset-viewer/video-native-viewer.svelte
+++ b/web/src/lib/components/asset-viewer/video-native-viewer.svelte
@@ -165,7 +165,13 @@
       </div>
     {:else}
       <!-- dir=ltr based on https://github.com/videojs/video.js/issues/949 -->
-      <media-controller dir="ltr" nohotkeys class="h-full w-full dark" defaultduration={duration}>
+      <media-controller
+        dir="ltr"
+        nohotkeys
+        class="h-full max-w-full dark"
+        style={asset.width != null && asset.height != null ? `aspect-ratio: ${asset.width} / ${asset.height};` : undefined}
+        defaultduration={duration}
+      >
         <video
           bind:this={videoPlayer}
           slot="media"