在Facebook上与youtube视频共享我的页面不显示缩略图

Question

我在我的应用程序上有一个博客,在这个博客上我通常会放一些youtube视频,当我在Facebook上分享这些页面的链接时,没有缩略图.有没有办法做到这一点？

我试图将带有开放图形协议的元数据与youtube链接放在一起,但没有运气.

这可能吗？

EDITED

在我的应用程序中,我包含了这样的OG视频标签:

%meta{ :property => "og:title" , :content => "#{post.title}" }
%meta{ :property => "og:type" , :content => "article" }
%meta{ :property => "og:url" , :content => "#{post_url(post.slug).sub('https:', 'http:')}" }
-if post.video_thumbnail && post.video_thumbnail != ""
  %meta{ :property => "og:video" , :content => "http://www.youtube.com/watch?v=#{post.video_thumbnail}"}

我在这个问题上找到了答案:如何从YouTube API获取YouTube视频缩略图？

如果使用此网址,Youtube API可让您从视频中获取图片:

http://img.youtube.com/vi/<insert-youtube-video-id-here>/0.jpg

所以我将该链接包含为我的OG图像标记,如下所示:

%meta{ :property => "og:image" , :content => "http://img.youtube.com/vi/#{post.video_thumbnail}/0.jpg" }

它完美地运作.

Answer 1

使用Facebook的OG调试工具检查Facebook可以为您的页面查看的OG元数据.转到https://developers.facebook.com/tools/debug

完全可以将youtube视频的缩略图用作您自己内容的OG图像,但您可能需要使用YouTube API获取嵌入视频缩略图的URL,并将其用作og:image元素内容.