Question

大家。

我的名字是Cody，我是一名学生/业余网页设计师，他被聘请为家人朋友创建一个网站。

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

col-8应该作为主要内容区域，而col-4则用作侧栏/共享部分。

该页面正确呈现了youtube播放器，但没有显示任何内容，而不是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？

2 个答案: