html - 我想用css来控制视频标签的宽度和高度

Question

这是我目前的结果。 link

我将视频标签的宽度和高度设置为 100%。但是在网页中我发现视频标签大于 100%。

不知道为什么会这样？

Answer 1

尝试使用此 CSS 制作响应式视频。您需要创建一个容器，然后在子元素(例如 iframe)中运行视频:

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; 
height: 0; 
overflow: hidden;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

很好的教程HERE