通过ajax嵌入Facebook视频

Question

我有一个数据库,我也存储了来自Facebook的X视频的ID,Youtube和vimeo,然后我加载任何视频通过Ajax,vimeo和Youtube加载完美但Facebook没有加载,它只加载html但代码我通过ajax获取还包含一个由Facebook提供的脚本...
要从Facebook 嵌入视频,代码是这样的:

<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk')
        );
</script>
<div class="hidden-xs hidden-sm visible-md visible-lg">
    <div id="fbid">
        <div id="fb-root"></div>
        <div class="fb-post" data-href="https://www.facebook.com/video.php?v=<?php echo $v->v; ?>" data-width="800">
            <div class="fb-xfbml-parse-ignore">
            </div>
        </div>
    </div>
</div>

有了这段代码,我可以嵌入facebook视频,如果我直接转到我的ajax文件,http://foo.com/ajax.php？i = 1它将只为facebook输出该代码,这就是我得到的,它显示视频正确,但如果我用ajax调用它我只看到html但脚本没有执行,换句话说我没有看到视频...
我的ajax是这个

$('.v_list li').click(function(){
    var $ids = $(this).attr('id');
    $.ajax({
        url: "v.php",
        data: {
            vid: $ids
        },
        type: "GET",
        // dataType: "html", // test #7 .. working for all
        context: document.body, // change #8
        success: function (data) {
            $("#slider").html(data);
        },
        error: function (xhr, status) {
            alert("Ocurrio un problema!");
        },
        complete: function (xhr, data) {
            // hide the loading img
        }
    }).done (function (data) {
        // alert('sss'); // This is working...
        $("#slider").find("script").each(function(i) {
            eval($(this).text());
        }); // this p*** of s*** is not working... 
    });
})

因此,我得到的唯一问题是视频是用于Facebook的时候......我该如何解决这个问题？...谢谢

Answer 1

使用AJAX加载HTML代码后,您可能需要使用FB.XFBML.parse:

FB.XFBML.parse();

资料来源:https://developers.facebook.com/docs/reference/javascript/FB.XFBML.parse