zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-05 05:37:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(skin): only set poster object-fit: contain in fullscreen (#906)

Browse Source
This commit is contained in:
Sam Potts
2026-03-12 12:44:31 +11:00
committed by GitHub
parent b6a657a7fc
commit b676517993
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/skins/src/default/css/components/media.css
+1 -1
View File
@@ -40,7 +40,7 @@
.media-default-skin:fullscreen video,
.media-default-skin:fullscreen ::slotted(video),
.media-default-skin > img {
.media-default-skin:fullscreen > img {
object-fit: contain;
}
.media-default-skin:fullscreen ::slotted(video) {
packages/skins/src/minimal/css/components/media.css
+1 -1
View File
@@ -40,7 +40,7 @@
.media-minimal-skin:fullscreen video,
.media-minimal-skin:fullscreen ::slotted(video),
.media-minimal-skin > img {
.media-minimal-skin:fullscreen > img {
object-fit: contain;
}
.media-minimal-skin:fullscreen ::slotted(video) {
site/src/components/home/HeroVideo.tsx
+1 -1
View File
@@ -27,7 +27,7 @@ export default function HeroVideo({
className={className}
style={{ '--media-border-radius': `calc(var(--spacing) * 6)`, ...style } as React.CSSProperties}
>
<HlsVideo src={VJS10_DEMO_VIDEO.hls} playsInline style={{ objectFit: 'cover' }} />
<HlsVideo src={VJS10_DEMO_VIDEO.hls} playsInline className="object-cover" />
<Poster src={poster} />
</SkinComponent>
</Player.Provider>