html5自定义视频宽高,HTML5视频元素宽度70％

我希望视频元素只有70％的屏幕宽度，但我正努力将高度宽高比保持为100％。现在我有全宽视频作为背景。HTML5视频元素宽度70％

我正在使用bootstrap v4。

Cover

Home

Features

Contact

CSS：

video {

position: fixed;

top: 50%;

left: 50%;

min-width: 100%;

min-height: 100%;

width: auto;

height: auto;

transform: translateX(-50%) translateY(-50%);

background-size: cover;

transition: 1s opacity;

}

我想有这样的结果：

这可能吗？

+0

如果没有父母与特定的身高，然后最小高度：100％不会工作。尝试设置最小高度：200px –

+0

为什么不使用最大宽度。设置最大宽度：70vw。 –

+0

它更接近我想要的最大宽度：70vw，但视频仍然没有填满整个区域 –