每个人。
我叫科迪,是一名学生/业余网页设计师,受雇为一位家庭 friend 创建网站。
我正在使用 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/