Question

我有一个原始大小为1920x1080的视频。我正在使用基本设置教程中的css，但尝试将css中的默认高度设置为1080：

.videogular-container {
    width: 100%;
    height: 1080px;
    margin: auto;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .videogular-container {
        width: 1170px;
        height: 658.125px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .videogular-container {
        width: 940px;
        height: 528.75px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .videogular-container {
        width: 728px;
        height: 409.5px;
    }
}

这似乎是溢出的东西 - 它只是隐藏了视频的其余部分而不是实际调整大小。

在配置中我设置了这个：

width: 1920,
 height: 1080,      
 responsive: true,

我做错了什么？

Answer 1

这与回答Controls font/symbols missing - videogular

有关

您需要为视频主题设置正确的网址。

Answer 2

这对我有帮助。只需将其放在视频所在的CSS文件中即可。

video {
  width: 100% !important;
  height: auto !important;
}

显示为FLEX

视频作物视频而不是调整大小

2 个答案: