title: Facebook responsive video isn't loading time to time
body: <p>I have this code from 2017 here at stackoverflow which shows the Facebook video in a responsive manner. The problem is that it doesn't load most times. There's no error in the console. I tested on Chrome, Firefox, Safari. It just shows blank page when it doesn't load.</p>
  
  <p>When it loads, it loads. When it doesn't, it doesn't. No error whatsoever can be seen in the console.</p>
  
  <p>Any idea how to resolve this issue?</p>
  
  <pre><code>&lt;script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&amp;version=v3.2"&gt;&lt;/script&gt;
  &lt;div class="fb-video"
      data-href="https://www.facebook.com/watch/?v=10155278547321729"
      data-width="auto"
      data-show-captions="false"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>This method works perfectly but it's not responsive:</p>
  
  <pre><code>&lt;div class="fbVideo"&gt;
    &lt;iframe src="https://www.facebook.com/plugins/video.php?href=https://www.facebook.com/facebookapp/videos/10155278547321729/" width="476" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allowFullScreen="true"&gt;&lt;/iframe&gt;
  &lt;/div&gt;
  </code></pre>