如何解决以正确的比例嵌入vimeo
我有3个vimeo剪辑嵌入到此处的列布局中,我希望它们都具有相同的高度,这就是我将其放在嵌入代码本身中的方式。布局代码中的某些内容似乎在欺骗中间的一个,因此边框的大小与其他两个相同。我可以在CSS中添加或删除某些东西,以便它们都具有相同的高度吗?中间的视频应该比其他两个正方形更宽。
</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>
任何建议都会被采纳
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。