将YouTube嵌入Facebook og:meta

时间:2012-01-31 03:16:18

标签: facebook youtube

我已正确添加了所有og:meta标记,并且Facebook调试程序正确擦除。我遇到的唯一问题是,从我们的网站分享视频的缩略图时会被裁剪,但如果从YouTube分享则完美。

我们的META:

<meta property="fb:app_id" content="259859127379080">
<meta property="og:url" content="http://www.zanews.co.za/others/testing-one-two-three/2012/01/30/">
<meta property="og:title" content="Testing One Two Three  |  ZANews">
<meta property="og:description" content="Testing One Two Three">
<meta property="og:type" content="video">
<meta property="og:image" content="http://i4.ytimg.com/vi/CBJxtlHDcfU/hqdefault.jpg">
<meta property="og:video" content="http://www.youtube.com/v/CBJxtlHDcfU?version=3&autohide=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="398">
<meta property="og:video:height" content="224">
<meta property="og:site_name" content="ZA News | Let's get it on!">

结果: post from the website

YouTube的META:

<meta property="fb:app_id" content="87741124305">
  <meta property="og:url" content="http://www.youtube.com/watch?v=CBJxtlHDcfU">
  <meta property="og:title" content="ZANEWS: Ask The Coach">
  <meta property="og:description" content="So a lot of people ask me, they say Pieter, rugby is confusing, it&#39;s so hard to understand. I say, no, what is hard to understand is when I speak English.">
  <meta property="og:type" content="video">
  <meta property="og:image" content="http://i4.ytimg.com/vi/CBJxtlHDcfU/hqdefault.jpg">
    <meta property="og:video" content="http://www.youtube.com/v/CBJxtlHDcfU?version=3&amp;autohide=1">
  <meta property="og:video:type" content="application/x-shockwave-flash">
  <meta property="og:video:width" content="398">
  <meta property="og:video:height" content="224">
  <meta property="og:site_name" content="YouTube">

结果: post from youtube http://www.zanews.co.za/wp-content/uploads/zanews2.JPG

所以:对于一些细微的差异(内容相关),它们几乎相同,但后缩略图图像有很大不同。

当我调试linter最初显示的网站网址(http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.zanews.co.za%2Fothers%2Ftesting-one-two-three%2F2012%2F01%2F30%2F)时,我也在linter中找到了:

 {
     "url": "http:\/\/www.youtube.com\/v\/CBJxtlHDcfU?version=3&autohide=1",
     "type": "application\/x-shockwave-flash",
     "width": 398,
     "height": 224
 }

但是当我通过图表(http://graph.facebook.com/10150521224263339)时,我得到了:

  {
     "url": "http://www.youtube.com/e/CBJxtlHDcfU",
     "type": "application/x-shockwave-flash",
     "width": 398,
     "height": 224
  }

让我发疯了 - 所以任何帮助都会受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

不确定这是否有意义,虽然改变了&#34; http://i4.ytimg.com&#34;部分来自og:image url to&#34; https://img.youtube.com&#34;