嵌入 Vimeo Bootstrap 3.0

Posted 2023-03-13

【中文标题】嵌入 Vimeo Bootstrap 3.0

【英文标题】：Embed Vimeo Bootstrap 3.0

【发布时间】：2013-09-04 23:19:24

【问题描述】：

问题说明了一切，如何在 bootstrap 3.0 中嵌入 vimeo 视频？

示例代码：

<div class="container">
   <section class="row">
      <div class="span6">
         <div class="flex-video widescreen"><iframe src="//player.vimeo.com/video/71876963"   frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
         </div>
       <div class="span6">
        ...
      </div>
    </section>
</div>

很遗憾没有工作。

【参考方案1】：

请试试这段代码，它可以在 bootply 中使用

<div class="container">
 <div class="row">
 <div class="span6">
 <div class="flex-video widescreen" style="margin: 0 auto;text-align:center;">
 <iframe allowfullscreen="" src="http://player.vimeo.com/video/71876963" frameborder="0"  ></iframe>

  </div> 


   </div>
   </div>
   </div>

【讨论】：

工作就像一个魅力。谢谢

如果我需要在弹出框中使用它，我应该只包括 iframe 部分吗？

你的意思是boostrap的弹出框模式？

没错，我需要在单击图像时弹出一个框，然后在弹出框内我需要嵌入 vimeo 视频

【参考方案2】：

这是一个对我有用的简单解决方案，在 Bootstrap 3.0 中进行了测试：

<div class="embed-responsive embed-responsive-16by9">
    <iframe src="https://player.vimeo.com/video/71876963"></iframe>
</div>

【讨论】：

纯代码答案对以后来这个问题的用户没有太大帮助。请编辑您的答案以解释为什么您的代码解决了原始问题