这与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, "http:\/\/upstart.splashthat.com\/");" onclick="LinkshimAsyncLink.referrer_log(this, "http:\/\/upstart.splashthat.com\/", "\/si\/ajax\/l\/render_linkshim_log\/?u=http\u00253A\u00252F\u00252Fupstart.splashthat.com\u00252F&h=SAQECQptA&render_verification=0&enc=AZPzzaOTltKanFvV0HD3aUAnFbPjn2YaOQ0D4SgJC5IRAZjnJA_vMhRLZuHUHYa-lUcs4EmStJRvVZiyQR5jkafgiZYHW53AcZdhoOhD5O8q-1FhF9QugOiizWMzCq-1CjQcUa5IGgm05pcAr6kS1xAs1kGhMCyla1-rBX9k_GawUA&d");"><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&w=237&h=124&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&cfs=1&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&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&oe=558030D1&__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,没有问题。
答案 0 :(得分:0)
我向Facebook报告此消息,他们确认这是一个Bug。更新(2015年4月8日)我向Facebook报告此问题!首先,他们将其作为一个要修复的错误提交,并在一段时间后收到回复称他们将弃用Facebook的喜欢。刚刚注意到他们已经引入了一个名为facebook-page的新API,没有问题。 Facebook Page-Plugin