大家。
我叫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'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>
谢谢!
-科迪
最佳答案
<iframe src="">youtube code**</iframe>**
您必须打开和关闭iframe广告代码。
关于html - 如何使用bootsrap3嵌入YouTube播放器和Facebook API？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29855108/