Facebook 开放图形og:视频元标记内容

Facebook 开放图形og:视频元标记内容,facebook,facebook-opengraph,Facebook,Facebook Opengraph,我正在尝试建立一个页面,当它被分享/喜欢时,Facebook可以适当地刮去它。该页面将有一个与之关联的YouTube视频,因此在og:video标签的内容属性中,我应该将YouTube视频嵌入链接或实际的YouTube页面链接放入Facebook,以便它在Facebook上显示,并使用在Facebook上播放视频的小“预览”按钮 希望有人能帮忙!谢谢 我明白了。我看了一下Collegehumor.com是如何做到这一点的,它们包含了Facebook API中没有提到的一些东西。而不仅仅是以下几点

我正在尝试建立一个页面,当它被分享/喜欢时,Facebook可以适当地刮去它。该页面将有一个与之关联的YouTube视频,因此在og:video标签的内容属性中,我应该将YouTube视频嵌入链接或实际的YouTube页面链接放入Facebook,以便它在Facebook上显示,并使用在Facebook上播放视频的小“预览”按钮


希望有人能帮忙!谢谢

我明白了。我看了一下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”
,而且有
video缩略图和
og:image
也很有帮助-我不完全确定是哪一个做的,但你做到了。有效:)


...

.flv文件的链接。。。。查看您可以从YouTube页面的源代码中看到,
og:video
标签的格式如下


您还可以在以下URL的源代码中看到从YouTube使用的简化元数据示例:

您可以在此处阅读有关Open Graph协议的更多信息:

以下是我的发现:

使用Facebook的开放图形协议,Publisher现在可以使用来自任何URL的任何视频,只要该URL在其HTML的
中正确格式化了元数据。以下是
中应包含的信息列表:

  • 缩略图的URL:

    
    
  • SWF URL:

    
    
  • 您页面的URL:

    
    
  • 标题:

    
    
  • 说明:

    
    
  • 视频像素宽度:

    
    
  • 视频像素高度:


    您有两个选择。您可以将
    og:video
    设置为或将
    og:url
    设置为YouTube页面

    在我的示例中,我将在下一页中嵌入此视频。我希望Facebook在任何人在Facebook上共享我的页面时都能显示YouTube视频

    选项1:将
    og:video
    设置为

    meta标记看起来像

    
    
    请注意,YouTube URL的结构与典型URL不同。您需要将“v”查询从YouTube链接中分离出来,并在上面显示的
    og:video
    链接格式中使用它。在我的示例中,
    v
    的值是
    BQBjVr1iHH4

    选项2:将
    og:url
    设置到YouTube页面。

    如果您无法隔离
    v
    代码,可以将
    og:url
    标记设置到YouTube页面。在我的示例中,它将如下所示:

    
    
    这将告诉Facebook从中获取开放图形标签,并在嵌入中使用。这意味着描述和标题将来自YouTube页面。然而,如果有人点击了链接,他们会进入你的网站

    在我的示例中,如果有人在我使用第二个选项时粘贴以下链接,Facebook将看到URL设置为YouTube,并查询YouTube链接中的OG信息。所有东西看起来都像YouTube,除了点击链接


    另一个注意事项:确保使用https,而不是http。Facebook不会在网站上嵌入任何不安全的视频。

    对于那些在Facebook提供的调试器中出错的人,请注意以下几点:

    <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>
    
    当您登录到调试器时,您处于https会话下。为了在调试中查看视频,您需要在meta中添加视频的安全url。添加youtube视频很简单,只需将页面url放在og:url中,它就会工作


    花了多少时间得出这个结论。太晚了,我太累了,现在想睡觉:)

    那么你最后在
    标签上放了什么?YouTube网址?还有,你在
    video\u src
    标签里放了什么?丹尼尔·霍夫,你没有真正回答你的问题。。。您没有指定用于视频源的URL。如果我没记错的话,我使用的URL是flv文件的URL。@DanielHough您能提供一个Opengraph示例吗?我指的是嵌入真实youtube视频的标记。这不是应该使用的方式。它应该使用YouTube当前使用的标签,如@larsen161所述。此链接指向托管的flv视频文件,但如果我们要共享youtube视频,该怎么办?这并不是回答如何关联youtube视频的问题。请注意,已禁用嵌入功能的youtube视频上不存在这些标记。您还需要使用HTTPS而不是HTTP。更多细节在我的回答中,我仍然可以在你的页面上看到这些元标记,但是如果我把URL放在Facebook上,我只会看到一些棒状人物的图像预览,而不是视频…棒状人物是视频的预览缩略图。如果你在Facebook上共享该链接,你应该可以看到预览缩略图,并可以点击它在其中播放视频。你必须分享它才能看到它的全部效果。因为你似乎比我更了解这一点——如果你有时间的话——我很难实现你的解决方案。我在这里问了一个新问题:上次:facebook更改了视频规则,您需要将youtube视频的共享url从http更改为httpsis og标记实现有任何更改。我正在尝试实现之前使用的相同og标记,但它只是添加了说明,但没有播放选项,当点击时,它会重定向到url。很好的摘要,应该是接受答案。另外,值得注意的是原始文档位于