fix: remove black border below video controls
Some checks failed
Build and Push Backend Image / build (push) Successful in 16s
Build and Push Frontend Image / build (push) Has been cancelled

- video: inline → block w-full (eliminates baseline descender gap)
- media-controller: fill parent container with absolute inset-0 w-full h-full

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-04 21:41:07 +01:00
parent 124f0bfb22
commit fa159feffa

View File

@@ -162,14 +162,14 @@ let showPlayer = $state(false);
> >
<div class="relative aspect-video bg-black"> <div class="relative aspect-video bg-black">
{#if showPlayer} {#if showPlayer}
<media-controller> <media-controller class="absolute inset-0 w-full h-full">
<video <video
slot="media" slot="media"
src={getAssetUrl(data.video.movie)} src={getAssetUrl(data.video.movie)}
poster={getAssetUrl(data.video.image, 'preview')} poster={getAssetUrl(data.video.image, 'preview')}
autoplay autoplay
ontimeupdate={handleTimeUpdate} ontimeupdate={handleTimeUpdate}
class="inline" class="block w-full"
> >
<track kind="captions" /> <track kind="captions" />
</video> </video>