mirror of
https://github.com/immich-app/immich.git
synced 2026-03-22 09:00:58 +03:00
enhance video player layout by ensuring full width and maintaining aspect ratio
This commit is contained in:
@@ -165,7 +165,13 @@
|
|||||||
</div>
|
</div>
|
||||||
{:else}
|
{:else}
|
||||||
<!-- dir=ltr based on https://github.com/videojs/video.js/issues/949 -->
|
<!-- 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
|
<video
|
||||||
bind:this={videoPlayer}
|
bind:this={videoPlayer}
|
||||||
slot="media"
|
slot="media"
|
||||||
|
|||||||
Reference in New Issue
Block a user