Missouri State University Pattern Library

Facebook: Video

There are no notes for this item.

<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s);
        js.id = id;
        js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<article class="ContentBlock facebook Page">
    <div class="fb-video" data-href="https://www.facebook.com/missouristateu/videos/10155715710708716/" data-width="700" data-show-text="true">
        <div class="fb-xfbml-parse-ignore">
            <div class="loader">
                <img class="image" src="../../images/loader.gif" alt="">
                <p class="title">Loading</p>
            </div>
        </div>
    </div>
</article>
 
<div id="fb-root"></div>
<script>
  (function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id)) return;
    js = d.createElement(s);
    js.id = id;
    js.src = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0';
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));

</script>
<article class="ContentBlock facebook Page{{pageId}}">
  <div class="fb-{{#if type.post}}post{{else if type.video}}video{{else}}page{{/if}}" data-href="{{{href}}}" data-width="{{width}}" {{#unless type.page}}data-show-text="{{showText}}"{{/unless}} {{#if type.page}}data-tabs="{{tabs}}" data-hide-cover="true" data-show-facepile="false" data-small-header="true" data-height="{{height}}"{{/if}}>
    <div class="fb-xfbml-parse-ignore">
      {{> @loader}}
    </div>
  </div>
</article>
 
{
  "pafgeId": 123,
  "type": {
    "page": null,
    "post": null,
    "video": true
  },
  "width": 700,
  "height": 500,
  "showText": "true",
  "tabs": null,
  "href": "https://www.facebook.com/missouristateu/videos/10155715710708716/"
}