Video 以正确的比例嵌入vimeo
我有三个vimeo剪辑嵌入在我从这里得到的一个列布局中，我希望它们都具有相同的高度，这就是我如何将其放入嵌入代码本身的方式。似乎布局代码中的某些内容正在覆盖中间的一个，因此它的边框大小与其他两个相同。有什么我可以添加或删除的css，使他们都是相同的高度？中间的视频应该比其他两个正方形的视频宽Video 以正确的比例嵌入vimeo,video,embed,Video,Embed,我有三个vimeo剪辑嵌入在我从这里得到的一个列布局中，我希望它们都具有相同的高度，这就是我如何将其放入嵌入代码本身的方式。似乎布局代码中的某些内容正在覆盖中间的一个，因此它的边框大小与其他两个相同。有什么我可以添加或删除的css，使他们都是相同的高度？中间的视频应该比其他两个正方形的视频宽 </body> </html> <!-- /wp:html --> </a></span></p> <width=220%
</body>
</html>
<!-- /wp:html -->
</a></span></p>
<width=220%>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
box-sizing: border-box;
}
.column {
float: left;
width: 33.33%;
padding: 10px;
height: 1000px;
.row:after {
content: "";
display: table;
clear: both;
}
@media screen and (max-width: 1200px) {
.column
}
</style>
</head>
<body>
<div class="row">
<div class="column">
<p><iframe src="https://player.vimeo.com/video/452659928?autoplay=1&loop=1&autopause=0&title=0&byline=0&portrait=0" width="640" height="640" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></p>
</div>
<div class="column" >
<p><iframe src="https://player.vimeo.com/video/452641344?autoplay=1&loop=1&autopause=0&title=0&byline=0&portrait=0" width="1024" height="640" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></p>
</div>
<div class="column" >
<p><iframe src="https://player.vimeo.com/video/452662517?autoplay=1&loop=1&autopause=0&title=0&byline=0&portrait=0" width="640" height="640" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></p>
</div>
</div>
</body>
</html>
* {
框大小：边框框；
}
.栏目{
浮动：左；
宽度：33.33%；
填充：10px；
高度：1000px；
.罗：之后{
内容：“；
显示：表格；
明确：两者皆有；
}
@媒体屏幕和屏幕（最大宽度：1200px）{
.栏目
}