如何使用 bootsrap3 嵌入 youtube 播放器和 facebook api？

Question

大家。

我叫 Cody，我是一名 student/amateur 网页设计师，受雇为一位家庭朋友创建网站。

我正在使用 bootstrap3 使网站响应，但我运行遇到了一个问题，试图将 youtube 播放器 API 和 facebook 页面 API 一起嵌入到站点的主页。

col-8 应该作为主要内容区域，而 col-4 应该作为 side-bar/sharing 部分。

该页面正确呈现了 YouTube 播放器，但不显示任何内容 w/i col-4 或之后的内容。但是，如果我禁用 youtube 播放器，页面将正确加载。

如果你能帮我找出问题所在，那就太棒了。

<body>
<div class="container row">
    <div class="col-sm-8">.col-sm-8
        <h3>What is Roger's Lake of the Woods Adventures?</h3>
        <p>testing testing</p>
        <!-- Youtube Player API Placement -->
        <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item"
        id="ytplayer" 
        type="text/html" 
        src="http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=0&origin=http://lakeofthewoodsadventures.com" 
        />
        </div>
        <!-- End of Youtube Player API Placement -->
    </div>
    <div class="darkBG col-sm-4">
    <!-- Facebook Page Feed API Placement -->
        <div class="fb-page" data-href="https://www.facebook.com/pages/Rogers-Lake-of-the-Woods-Adventures/597978003639919" 
        data-width="280" 
        data-hide-cover="true" 
        data-show-facepile="false" 
        data-show-posts="true">
        <div class="fb-xfbml-parse-ignore">
        <blockquote cite="https://www.facebook.com/pages/Rogers-Lake-of-the-Woods-Adventures/597978003639919">
        <a href="https://www.facebook.com/pages/Rogers-Lake-of-the-Woods-Adventures/597978003639919">
        Roger&#039;s Lake of the Woods Adventures
        </a>
        </blockquote>
        </div>
        </div>
    <!-- End of Facebook Page Feed API Placement -->
    </div>
</div>
<script src="Local Bootstrap/js/bootstrap.min.js"></script>
</body>

谢谢！ -科迪

Answer 1

尝试添加 </iframe> 标签。

<iframe class="embed-responsive-item"
        id="ytplayer" 
        type="text/html" 
        src="http://www.youtube.com/embed/M7lc1UVf-VE?autoplay=0&origin=http://lakeofthewoodsadventures.com" 
        ></iframe>

Answer 2

<iframe src="">youtube code**</iframe>**

您必须打开和关闭 iframe 标记。

如何使用 bootsrap3 嵌入 youtube 播放器和 facebook api？

How to embed the youtube player and facebook api using bootsrap3?

html

css

embed

youtube

facebook