fix(html): simplify styles for slotted video (#953)

Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Sam Potts
2026-03-15 22:41:46 +11:00
committed by GitHub
co-authored by Claude Opus 4.6
parent c39b1f8809
commit d6e471a837
12 changed files with 96 additions and 68 deletions
+8 -2
View File
@@ -25,9 +25,15 @@ export default function HeroVideo({
<Player.Provider>
<SkinComponent
className={className}
style={{ '--media-border-radius': `calc(var(--spacing) * 6)`, ...style } as React.CSSProperties}
style={
{
'--media-border-radius': `calc(var(--spacing) * 6)`,
'--media-object-fit': 'cover',
...style,
} as React.CSSProperties
}
>
<HlsVideo src={VJS10_DEMO_VIDEO.hls} playsInline className="object-cover" />
<HlsVideo src={VJS10_DEMO_VIDEO.hls} playsInline />
<Poster src={poster} />
</SkinComponent>
</Player.Provider>