在Bootstrap 3中响应嵌入不起作用

Question

你好我用Bootstrap 3创建一个网站,一切顺利,直到我试图在我的网站上放一个Youtube视频,所以我使用Bootstrap提供的响应嵌入类,但当我显示我的网站的内容时,视频不显示它,我已经尝试了很多东西,比如复制Bootstrap页面的代码,但它仍然无效!有人能帮我吗？.这是我的代码:

<!-- PROMOTIONAL VIDEO -->
<section class="wrap" id="promo-video">
    <div class="container">

    <div class="header-section">
        <h2>Mira el video de presentacion</h2>
    </div>
        <div class="row">
            <div class="col-sm-8 col-sm-offset-2">
                <!-- 16:9 aspect ratio -->
            <div class="embed-responsive embed-responsive-16by9">
            <iframe class="embed-responsive-item" src="https://www.youtube.com/watch?v=H0uvGe0AhNI"></iframe>
            </div>
            </div><!-- .col -->
        </div><!-- row -->

    </div><!-- .container -->
</section>
<!-- END PROMOTIONAL VIDEO -->

Answer 1

在你的代码中,src attr对于IFRAME嵌入是错误的.你需要这样的.

<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PIh2xe4jnpk"></iframe>