fb-video在运行时更改url并重新加载播放器(无页面刷新)

Question

如何在运行时更改fb-video的视频URL,并让播放器重新加载视频而不刷新页面:

    <div id="fb-root" style="height: auto"></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=v2.4";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-video"
         data-href="https://www.facebook.com/abcxyz/videos/vb.123/123/?type=1"
         data-allowfullscreen="true"></div>

这就是我现在在HTML中的代码,它在页面加载时起作用.我现在只想知道是否有可能以某种方式更改数据-href,然后让Facebook嵌入式视频播放器指向新视频.

Answer 1

FB.XFBML.parse()更改data-href属性值后调用JavaScript SDK的方法.

这是一些文档:

http://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse/

我试图创建一个CodePen或JSBin示例,但Facebook的SDK脚本不能很好地与沙盒iframe一起使用(它试图改变document.domain,这是不允许的),所以什么都不会加载.不过,这种方法在我当前的项目中对我有用.