facebook - 将YouTube嵌入到Facebook og:meta

Question

我已经正确添加了所有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!">

结果:

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”