Html Bootstrap 3中的响应性嵌入不'；行不通

你好，我正在用Bootstrap 3创建一个网站，一切都很顺利，直到我尝试在我的网站上放一个Youtube视频，所以我使用了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 -->

Mira el video de presentacion

您输入了错误的输入url…

试试这个

---

您输入了错误的输入url…

试试这个

---

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

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

---

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

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

---

您只需手动更改url即可。。只需从url中删除该部分（/watch？v=）并将（/embed/）instate放入（/p>您只需手动更改url即可。。只需从url中删除该部分（/watch？v=），然后放入（/embed/）instate