响应式视频嵌入不起作用 引导程序 3.

Question

好的，我已经查看了与此类似的所有其他问题，但由于某种原因，我的响应式嵌入仍然不起作用。

这是我的 html 中的内容 `

<div class="embed-responsive embed-responsive-16by9">
              <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/7645302?color=ffffff&title=0&byline=0&portrait=0"  frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
            </div>

'

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/