将 YouTube 嵌入 Facebook og:meta

Question

我已经正确地添加了我所有的 og:meta 标签，并且 Facebook 调试器正确地抓取。我遇到的唯一问题是，从我们的网站分享视频的缩略图时会被裁剪，但如果从 YouTube 分享就完美了。

我们的元数据：

<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!">

结果：

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 最初显示的网站 URL(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
  }

一直让我发疯 - 所以任何帮助将不胜感激。

Answer 1

不确定这是否有意义，但我的工作是将“http://i4.ytimg.com”部分从 og:image url 更改为“https://img.youtube.com”