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