title: fb-video change url and reload player at runtime (without page refresh)
body: <p>How do I change the video URL of fb-video at runtime and make the player reload the video without page refresh:</p>
  
  <pre><code>    &lt;div id="fb-root" style="height: auto"&gt;&lt;/div&gt;
      &lt;script&gt;(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&amp;version=v2.4";
          fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));&lt;/script&gt;
      &lt;div class="fb-video"
           data-href="https://www.facebook.com/abcxyz/videos/vb.123/123/?type=1"
           data-allowfullscreen="true"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>That is the code I have now in the HTML that works as the page is loaded. I just want to know now if its possible to somehow change the data-href then make the Facebook embedded video player point to a new video. </p>