我想用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