FB Likebox iframe with stream=true, Video Link 问题(左键点击不打开)
FB Likebox iframe with stream=true, Video Link issue ( Doesn't open on left click)
这与嵌入网页时将流设置为 true 的 Facebook Likebox 社交插件有关。 (在 Google Chrome 41.0.2272.89 m 上测试)。
显示 Facebook 提要的 iframe 正确加载 post。但是加载的内容似乎有问题。
如果视频在 Facebook 页面上 posted,则缩略图和播放按钮会正确显示在 iframe 中。但是,当点击视频时,它会避免在新的 window 中通过简单的左键单击打开相关的 Facebook 视频页面(用户必须右键单击并在新的 window 中打开!)。
这是因为 rel 属性设置为 "theater" 与 ajaxify 和...假设打开一个弹出窗口,显然它不起作用(不同域名来源政策)。然而,我只需要简单地 link 将视频添加到我的 Facebook 页面的视频 post(在新的 window 中),这样如果访问者点击视频缩略图,它就会在新的 window.. 但不能!由于域源策略,无法将 rel link 属性更改为 "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 加载以下非视频 posts:
<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='' 一切正常!
我在 DOM 直接在浏览器上加载并修改了 rel 属性后对其进行了测试,瞧,它在那里工作正常......但是你能解释一下这是它的意思还是.. . facebook 中的一个错误或者是否有解决此问题的方法?!
UPDATES( April 8th 2015) I had Reported This Problem to Facebook ! First they filed it as a bug to be fixed and after a while received a reply that they are going to deprecate Facebook likebox. Just noticed now that they have introduced a new API called facebook-page which works with no problem.
我已将此报告给 Facebook,他们确认这是一个错误。更新(2015 年 4 月 8 日)我已将此问题报告给 Facebook!首先,他们将其作为要修复的错误提交,一段时间后收到回复说他们将弃用 Facebook 的 likebox。现在才注意到他们引入了一个名为 facebook-page 的新 API,它可以正常工作。 Facebook Page-Plugin
这与嵌入网页时将流设置为 true 的 Facebook Likebox 社交插件有关。 (在 Google Chrome 41.0.2272.89 m 上测试)。
显示 Facebook 提要的 iframe 正确加载 post。但是加载的内容似乎有问题。
如果视频在 Facebook 页面上 posted,则缩略图和播放按钮会正确显示在 iframe 中。但是,当点击视频时,它会避免在新的 window 中通过简单的左键单击打开相关的 Facebook 视频页面(用户必须右键单击并在新的 window 中打开!)。
这是因为 rel 属性设置为 "theater" 与 ajaxify 和...假设打开一个弹出窗口,显然它不起作用(不同域名来源政策)。然而,我只需要简单地 link 将视频添加到我的 Facebook 页面的视频 post(在新的 window 中),这样如果访问者点击视频缩略图,它就会在新的 window.. 但不能!由于域源策略,无法将 rel link 属性更改为 "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 加载以下非视频 posts:
<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='' 一切正常!
我在 DOM 直接在浏览器上加载并修改了 rel 属性后对其进行了测试,瞧,它在那里工作正常......但是你能解释一下这是它的意思还是.. . facebook 中的一个错误或者是否有解决此问题的方法?!
UPDATES( April 8th 2015) I had Reported This Problem to Facebook ! First they filed it as a bug to be fixed and after a while received a reply that they are going to deprecate Facebook likebox. Just noticed now that they have introduced a new API called facebook-page which works with no problem.
我已将此报告给 Facebook,他们确认这是一个错误。更新(2015 年 4 月 8 日)我已将此问题报告给 Facebook!首先,他们将其作为要修复的错误提交,一段时间后收到回复说他们将弃用 Facebook 的 likebox。现在才注意到他们引入了一个名为 facebook-page 的新 API,它可以正常工作。 Facebook Page-Plugin