title: According to Facebook - How to properly embed a Facebook hosted video on your website
body: <p>I am attempting to embed a video from Facebook into my website. According to FB, the following code is how to accomplish this, simply replacing the URL of their sample video with the URL of my video. I tested this code on its own and as part of my website with the URL replaced. The results are the same, nothing loads, and the div containing the &quot;video&quot; appears to be collapsed when inspecting the code in the browser. Does anyone have some insight as to why that is? Link to the source is here: <a href="https://developers.facebook.com/docs/plugins/embedded-video-player#configeration" rel="nofollow noreferrer">https://developers.facebook.com/docs/plugins/embedded-video-player#configeration</a></p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;html&gt;
    &lt;title&gt;My Website&lt;/title&gt;
  &lt;body&gt;
    &lt;div id="fb-root"&gt;&lt;/div&gt;
    &lt;script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v3.2"&gt;&lt;/script&gt;
    &lt;h1&gt;My Video Player&lt;/h1&gt;
    &lt;div class="fb-video"
      data-href="https://www.facebook.com/FacebookDevelopers/posts/10151471074398553"
      data-width="500"
      data-allowfullscreen="true"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>