Facebook喜欢Button for Facebook视频

时间:2011-04-06 16:08:21

标签: facebook iframe canvas

今天,我在Facebook页面上创建了一个iframe-Tab作为登陆页面。 在此选项卡上,我们显示了一个从Facebook实施的视频。

现在我想在此页面上为此视频添加Facebook Like按钮,我实现LIKE BUTTON开发者页面生成的代码。

<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fvideo%2Fvideo.php%3Fv%3D345848348745&amp;layout=button_count&amp;show_faces=true&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:21px;" allowTransparency="true"></iframe>

现在按钮显示,但没有计数。 如果我点击“赞”按钮,计数器将变为可见(显示+1)并跳回(显示无计数)。

您知道吗,如果我可以直接使用like按钮作为Facebook网址? http://www.facebook.com/video/video.php?v=345848348745

谢谢你!

2 个答案:

答案 0 :(得分:1)

请参阅以下代码,了解适用于所有浏览器的 LIKE 按钮的示例实现。

HTML:

<iframe  id="IframeTemp" src="#"  scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:55px;" allowTransparency="true">
</iframe>

JavaScript的:

<script type="text/javascript">
    var currenturl = document.URL + "&amp;send=false&amp;layout=standard&amp;width=450&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=55";

    var url = "//www.facebook.com/plugins/like.php?href="+currenturl;
    document.getElementById("IframeTemp").src = url;
    var myIframe = parent.document.getElementById("IframeTemp");  

    // Setup the width and height 
    myIframe.src = url;  
</script>

不要忘记将Javascript保留在开发者Facebook中可用的母版页上。

答案 1 :(得分:0)

我遇到了与我正在进行的项目相同的问题。我发现您可以“喜欢”实际视频文件的网址,在您的情况下http://www.facebook.com/v/345848348745

然而,这个解决方案的问题在于喜欢不会聚合到实际视频页面的网址上。他们将是两个独立的“喜欢”实体

这似乎是我害怕的时刻fb功能的限制