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'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
Post a Comment