带有stream = true的FB Likebox iframe,视频链接问题(左键单击时不打开)

时间:2015-03-13 15:48:39

标签: facebook-social-plugins facebook-iframe facebook-likebox

这与Facebook Likebox社交插件有关,当流嵌入网页时,流设置为true。 (在谷歌浏览器上测试41.0.2272.89米)。

显示Facebook Feed的iframe会正确加载帖子。但是加载的内容似乎有问题。

如果在Facebook页面上发布了视频,则缩略图和播放按钮会在iframe中正确显示。但是当点击视频时,它会避免在新窗口中单击左键单击打开相关的Facebook视频页面(用户必须右键单击并在新窗口中打开!)。

这是因为rel属性设置为"剧院" 与ajaxify和...假设打开一个弹出窗口,显然它不起作用(不同域名来源政策)。但是我只需要将视频链接到我的Facebook页面的视频帖子(在新窗口中),这样如果访问者点击视频缩略图,它就会在新窗口中打开..但是不能!由于域来源政策,无法将 rel 链接属性更改为" nofollow"

实施例:<div class="fb-like-box" data-href="https://www.facebook.com/FacebookDevelopers" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="true" data-show-border="true"></div>

iframe为非视频帖子加载以下内容:

<a href="http://upstart.splashthat.com/" target="_blank" **rel**="*nofollow*" onmouseover="LinkshimAsyncLink.swap(this, &quot;http:\/\/upstart.splashthat.com\/&quot;);" onclick="LinkshimAsyncLink.referrer_log(this, &quot;http:\/\/upstart.splashthat.com\/&quot;, &quot;\/si\/ajax\/l\/render_linkshim_log\/?u=http\u00253A\u00252F\u00252Fupstart.splashthat.com\u00252F&amp;h=SAQECQptA&amp;render_verification=0&amp;enc=AZPzzaOTltKanFvV0HD3aUAnFbPjn2YaOQ0D4SgJC5IRAZjnJA_vMhRLZuHUHYa-lUcs4EmStJRvVZiyQR5jkafgiZYHW53AcZdhoOhD5O8q-1FhF9QugOiizWMzCq-1CjQcUa5IGgm05pcAr6kS1xAs1kGhMCyla1-rBX9k_GawUA&amp;d&quot;);"><div class="_6l- __c_"><div class="uiScaledImageContainer _6m5 fbStoryAttachmentImage" style="width:237px;height:124px;"><img class="scaledImageFitWidth img" src="https://fbexternal-a.akamaihd.net/safe_image.php?d=AQDj75UpVBcxXh62&amp;w=237&amp;h=124&amp;url=http%3A%2F%2Fd24wuq6o951i2g.cloudfront.net%2Fimg%2Fevents%2Fid%2F205%2F2055930%2Fassets%2F6ff.Screen-Shot-2015-02-28-at-12.56.15-AM.png&amp;cfs=1&amp;upscale=1" alt="" width="237" height="124"></div></div></a>

但对于视频:

<a href="https://www.facebook.com/video.php?v=10152745113668553" **rel=**"*theater*" **ajaxify**="https://www.facebook.com/video.php?v=10152745113668553&amp;player_origin=widgets" target="_blank"><div class="_46-h _57tt" style="width:237px;height:133px;"><img class="_46-i img" src="https://fbcdn-vthumb-a.akamaihd.net/hvthumb-ak-xpf1/v/t15.0-10/s240x240/11011395_10152745113698553_10152745113668553_3266_400_b.jpg?oh=709f02ee59fbccae1f99b1a3f0ae0202&amp;oe=558030D1&amp;__gda__=1434103771_37a5564f98c084314f22c41b0fa51ede" style="left:-1px; top:0px;" alt="'Facebook is helping developers realize their visions. Register to attend F8 online at http://fbf8.com/stream.html'" width="240" height="135"></div><i class="_6o1"></i><div class="_5b_0 _5bgz"><div class="_578n fsm fwb">01:22</div></div></a>

如果您更改 rel =&#39;&#39; ,一切正常!

我在DOM加载后测试了这个,并直接在浏览器上修改了rel属性,并且它在那里正常工作......但是,请你解释一下,如果这是它的意思,或者...... facebook中的一个bug或者无论如何要解决这个问题?!

  

更新(2015年4月8日)我向Facebook报告此问题!首先,他们将其作为一个要修复的错误提交,并在一段时间后收到回复称他们将弃用Facebook的喜欢。刚刚注意到他们已经引入了一个名为facebook-page的新API,没有问题。

1 个答案:

答案 0 :(得分:0)

我向Facebook报告此消息,他们确认这是一个Bug。更新(2015年4月8日)我向Facebook报告此问题!首先,他们将其作为一个要修复的错误提交,并在一段时间后收到回复称他们将弃用Facebook的喜欢。刚刚注意到他们已经引入了一个名为facebook-page的新API,没有问题。 Facebook Page-Plugin