【问题标题】:Embed Vimeo Bootstrap 3.0嵌入 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" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></div>
         </div>
       <div class="span6">
        ...
      </div>
    </section>
</div>

很遗憾没有工作。

【问题讨论】:

    标签: embed vimeo twitter-bootstrap-3


    【解决方案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" width="500" height="281"></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>
    

    【讨论】:

    • 纯代码答案对以后来这个问题的用户没有太大帮助。请编辑您的答案以解释为什么您的代码解决了原始问题
    猜你喜欢
    • 2013-03-30
    • 1970-01-01
    • 2017-09-20
    • 2013-11-10
    • 2018-07-29
    • 1970-01-01
    • 2014-01-20
    • 2014-04-04
    • 1970-01-01
    相关资源
    最近更新 更多