html - 响应式嵌入YouTube自定义尺寸Bootstrap 3.3.6

我了解Bootstrap 3.3.6支持嵌入式iframe的16by9和4by3格式。如果我想复制16by9和4by3以外的自定义尺寸，该如何嵌入？类似于5by3的格式，但在缩放时仍保持成比例。

非常感谢你。

Bootstrap建议的方法:

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="..."></iframe>
</div>

最佳答案

embed-responsive-XbyY仅使填充底部等于百分比Y / X

您可以轻松地将embed-responsive-5by3 3/5 = 60％

.embed-responsive-5by3{
   padding-bottom: 60%;
}

.embed-responsive提供其余样式

关于html - 响应式嵌入YouTube自定义尺寸Bootstrap 3.3.6，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37654784/