Question

好的，我已经查看了与此相似的所有其他问题，但出于某种原因，我的响应式嵌入仍然无法正常工作。

这是我在html中的内容 `

<project-root>/conf

`

Answer 1

将iframe的宽度和高度设置为100％。

<div class="container-fluid">
  <div class="row">
    <div class="col-lg-12">
      <div class="embed-responsive embed-responsive-16by9">
        <iframe src="https://player.vimeo.com/video/237152408" width="100%" height="100%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
      </div>
    </div>
  </div>
</div>

这是JSFiddle： https://jsfiddle.net/973Lde7j/6/

响应式视频嵌入不工作Bootstrap 3

1 个答案: