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