Html 具有视频高度的Div容器

我有这个样本：

.container视频{
背景：红色；
最大宽度：500px；
}
录像带{
宽度：100%；
}

---

请添加以下代码，以使其按您的需要工作

video{
  width:100%;
  display: block
}

为元素添加显示块，使其作为一个块来解决您的问题。如果这也适用于您，请勾选答案

在这里，您将找到带有修复程序的演示链接

---

您可以使用

行高：1px到
.container video
如下：


.container视频{
背景：红色；
最大宽度：500px；
线高：1px；
}
录像带{
宽度：100%；
}
请将您的css更新为：

.container-video{
  background:red;
  max-width:500px;
}
video{
  width:100%;
  display: block;
}

它看起来像视频默认显示：内联。将其更改为block将强制其遵守高度。
您是否尝试过高度：100%；在css视频中？是的，但不起作用。我把“高度：100%；”视频标记添加
字体大小：0到您的容器