fix: remove black border below video controls
- 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:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user