title: Embed Facebook video via ajax - Resize Issue
body: <p>For a video gallery, I'm using AJAX to load videos from different video hosts like FB, Youtube, Vimeo etc. I'm embedding the FB video like as mentioned in <a href="https://developers.facebook.com/docs/plugins/embedded-video-player" rel="nofollow noreferrer">https://developers.facebook.com/docs/plugins/embedded-video-player</a> using FB's JS SDK.</p>
  
  <p>The problem is that when I'm requesting the FB video via AJAX <strong>the video is resizing to a smaller dimension</strong> like this: <img src="https://i.stack.imgur.com/QF1eG.jpg" alt="enter image description here"></p>
  
  <p>No issues when the page is fully reloaded(without AJAX).</p>
  
  <p><strong>The JS snippet:</strong></p>
  
  <pre><code>$.ajax({
                  url: "index.php?gallery&amp;type=fbVideoCode&amp;url=" + url,
                  success: function(response) {
                      response = $.trim(response);
                      $('span.carousel').replaceWith(response);
                      FB.XFBML.parse(); // To re-parse all FB videos on the page
                  }
              });
  </code></pre>
  
  <p>Please help.</p>
  
  <p>Thanks in advance.</p>