我正在尝试设置一个页面，当它被分享/喜欢时，它可以被 Facebook 正确抓取。该页面将有一个与之关联的 YouTube 视频，因此在 og:video 标签的内容属性中，我应该将 YouTube 视频嵌入链接或实际的 youtube 页面链接放置在 Facebook 上，并带有小“预览”按钮在 Facebook 中播放视频？
希望有人可以提供帮助！谢谢！
【问题讨论】：
标签： facebook facebook-opengraph
你有两个选择。您可以将og:video 设置为https://www.youtube.com/v/YOUTUBECODE 或将og:url 设置为YouTube 页面。
在我的示例中，我将此视频 https://www.youtube.com/v/BQBjVr1iHH4 嵌入到下一页 https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 中。每当有人在 Facebook 上分享我的页面时，我希望 Facebook 显示 YouTube 视频。
选项1：将og:video设置为https://www.youtube.com/v/YOUTUBECODE
元标记看起来像
<meta property='og:video' content='https://www.youtube.com/v/BQBjVr1iHH4' />
请注意，YouTube 网址的结构与典型网址不同。您需要将“v”查询从 YouTube 链接中分离出来，并以我上面显示的 og:video 链接格式使用它。在我的示例中，v 的值为BQBjVr1iHH4。
选项 2：将 og:url 设置为 YouTube 页面。
如果您没有能力隔离v 代码，您可以将og:url 标记设置为YouTube 页面。在我的示例中，它看起来像这样：
<meta property='og:url' content='https://www.youtube.com/watch?v=BQBjVr1iHH4' />
这将告诉 Facebook 从 https://www.youtube.com/watch?v=BQBjVr1iHH4 获取 Open Graph 标签并在嵌入中使用它。这意味着描述和标题将来自 YouTube 页面。但是，如果有人点击该链接，他们就会访问您的网站。
在我的示例中，如果有人在我使用第二个选项https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40 时粘贴以下链接，Facebook 将看到 URL 设置为 YouTube 并查询该 YouTube 链接以获取 OG 信息。一切都会像 YouTube 除了链接会点击到https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40
另一个注意事项：确保使用 https，而不是 http。 Facebook 不会在网站上嵌入任何不安全的视频。
【讨论】：
这是我发现的：
使用 Facebook 的开放图形协议，Publisher 现在可以使用来自任何 URL 的任何视频，只要该 URL 在其 HTML 的 <head> 中具有正确格式的元数据。以下是<head> 中应包含的信息列表：
缩略图的网址：
<meta property="og:image" content="image_src URL">
SWF 网址：
<meta property="og:video" content="video_src URL">
您的网页网址：
<meta property="og:url" content="URL">
标题：
<meta property="og:title" content="title">
说明：
<meta property="og:description" content="description">
视频像素宽度：
<meta property="og:video:width" content="video_width">
视频像素高度：
<meta property="og:video:height" content="name="video_height">
内容类型：
<meta property="og:type" content="video">
【讨论】：
从一个YouTube页面的源代码可以看出，og:video标签的格式如下
<meta property="og:video" content="http://www.youtube.com/v/k86xpd26M2g">
您还可以在以下 URL 的源代码中查看简化的 YouTube 元数据示例：http://fb.stevelarsen.co.uk/example.html
您可以在此处阅读有关 Open Graph 协议的更多信息：http://ogp.me/
【讨论】：
<html xmlns:og="http://ogp.me/ns#">
<head>
<!-- ... -->
<!-- [REQUIRED TAGS] -->
<meta property="og:video" content="http://example.com/awesome.flv" />
<meta property="og:video:height" content="640" />
<meta property="og:video:width" content="385" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
...
</head>
.flv 文件的链接....查看https://developers.facebook.com/docs/opengraph/#types
【讨论】：
对于那些偶然发现 facebook 提供的调试器的人，请注意以下几点：
当您登录调试器时，您处于 https 会话中。为了在调试中看到您的视频，您需要在 meta 中添加视频的安全 url。添加 youtube 视频很容易，只需将页面 url 放入 og:url 即可。
花了一小时才得出这个结论。太晚了，我太累了，现在想睡觉:)
【讨论】：
我想通了。我查看了 Collegehumor.com 是如何做到的，其中包含了一些 Facebook API 中未提及的内容。而不仅仅是以下内容：
<meta name="og:video" content="whatever"></meta>
<meta name="video_style" content="whatever"></meta>
<meta name="video_height" content="whatever"></meta>
<meta name="video_width" content="whatever"></meta>
您还需要 link rel="video_src" 并且拥有 videothumbnail 和 og:image 也很有帮助 - 我不完全确定是哪一个做到的，但你去吧。那行得通:)
【讨论】：
<og:video> 标签中添加了什么？ YouTube 网址？另外，你在video_src 标签里放了什么？