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


everyone.

my name cody, , i'm student/amateur web designer got hired create website family friend.

i'm using bootstrap3 make site responsive, running issue trying embed youtube player api , facebook page api on homepage of site.

the col-8 supposed serve main content area, while col-4 meant serve side-bar/sharing section.

the page renders youtube player correctly, doesn't display content w/i col-4 or thereafter. however, if disable youtube player, page load correctly.

if me figure out what's wrong, that'd awesome.

<body> <div class="container row">     <div class="col-sm-8">.col-sm-8         <h3>what roger's lake of 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 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> 

thanks! - cody

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

you must open , closed iframe tag.


Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -