fix: 尝试修复视频黑边
This commit is contained in:
parent
9465a71f17
commit
9055f9e62e
|
|
@ -171,6 +171,13 @@
|
||||||
backface-visibility: hidden;
|
backface-visibility: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 确保video的poster填满整个容器 */
|
||||||
|
.single-video[poster] {
|
||||||
|
background-size: cover !important;
|
||||||
|
background-position: center !important;
|
||||||
|
background-repeat: no-repeat !important;
|
||||||
|
}
|
||||||
|
|
||||||
/* 视频样式 */
|
/* 视频样式 */
|
||||||
.full-video {
|
.full-video {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
||||||
|
|
@ -122,7 +122,7 @@ export default function TemplateCard({ template, onClick }: TemplateCardProps) {
|
||||||
autoplay
|
autoplay
|
||||||
muted
|
muted
|
||||||
loop
|
loop
|
||||||
objectFit='fill'
|
objectFit='cover'
|
||||||
showPlayBtn={false}
|
showPlayBtn={false}
|
||||||
showCenterPlayBtn={false}
|
showCenterPlayBtn={false}
|
||||||
showFullscreenBtn={false}
|
showFullscreenBtn={false}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue