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>

Answer 2

您输入了错误的输入网址

试试这个......

<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PIh2xe4jnpk"></iframe>
</div>
<!-- 4:3 aspect ratio -->
<div class="embed-responsive embed-responsive-4by3">
  <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/PIh2xe4jnpk"></iframe>
</div>

Answer 3

你只需要用手改变网址..只需从网址中删除该部分（/ watch？v =）并放入（/ embed /）instate

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

3 个答案: