从一个视频播放器切换到另一个视频播放器令人费解地破坏了Facebook共享

时间:2012-04-10 21:47:31

标签: facebook facebook-graph-api video

我正在为之工作的网站决定从使用Flowplayer切换到使用JWPlayer。除了切换短代码等明显的烦恼之外,切换也打破了Facebook在新闻源中显示视频的能力。

所有打开的图形元标记都在那里。由于他们安装了所有插件,因此存在一些重复,但使用旧播放器(即Flowplayer)的视频仍然显示正常。

我们使用的是WordPress,使用fv-wordpress-flowplayer插件为流媒体进行一些修改,使用jw-player-plugin-for-wordpress为jw播放器,也进行了很小的修改。

jw player的测试页面是http://elitedaily.com/elite/videos/test-video-2/
使用流媒体播放器在facebook Feed中使用的同一视频的页面位于http://elitedaily.com/elite/videos/kate-upton/

(我很抱歉这个视频。我抓住了第一个我发现已经在网站上的视频,并不期望与大家分享它。它应该是SFW,但它绝对是一个视频女模特穿着轻薄的衣服拍摄。)

链接到两个页面的facebook调试器:

[编辑 - 因为我是新来的,所以不会让我发布两个以上的链接。我想我会这样做是为了你方便,但我想我会让你google facebook调试器并自己输入网址]

这是facebook发现的og标签:

<meta property="fb:app_id" content="183957921720103" />
<meta property="og:description" content="test meta" />
<meta property="og:site_name" content="Elite Daily" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Test video" />
<meta property="og:url" content="http://elitedaily.com/elite/videos/test-video-2/" />
<meta property="og:site_name" content="Elite Daily" />
<meta property="og:description" content="Test excerpt " />
<meta property="og:type" content="video.other" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video" content="http://cdn.elitedaily.com/elite/wp-content/uploads/jw-player-plugin-for-wordpress/player/player.swf?file=http%3A%2F%2Felitedaily.com%2Felite%2Fwp-content%2Fuploads%2F2012%2F03%2FBest_of_Upton.flv" />

顺便说一下,我最初尝试使用flowplayer swf作为og视频标签(为了方便起见),但这也不起作用。进入浏览器后,两个网址都运行良好。

任何想法,攻击线或当然答案都会受到欢迎。我不知道还能在这做什么。

1 个答案:

答案 0 :(得分:1)

问题实际上是缺少了og:image标签。这是因为Flowplayer和JW播放器处理占位符图像的方式不同。

对于Flowplayer,图像实际上作为img标记放置在页面上,而JW播放器将其直接拉入flash对象,这意味着Facebook无法在页面上找到它。在这种情况下,页面上没有其他图像,因此没有缩略图。

底线:如果您在页面上没有图片或og:image标签,Facebook将无法播放您的视频。