我有一个 H.264 编码的 mp4 文件,当提供它的页面被点赞或共享时,我试图将其嵌入到 Facebook 帖子中。
我的理解是,我只需要在被喜欢/共享的 URL 上放置正确的 Open Graph<meta>
标签。但是,我尝试了几组不同的<meta>
标签,当我将 URL 粘贴到我的状态更新并发布时,视频仍然没有嵌入。它确实嵌入了og:image
属性中的图像,但是单击图像只会将用户传递给og:url
.
当我使用Facebook Debugger 工具时,它为Raw Open Graph Document Information显示的内容如下:
Meta Tag: <meta property="fb:app_id" content="000000000000000" />
Meta Tag: <meta property="og:url" content="http://www.testdomain.com/path/to/shared/page" />
Meta Tag: <meta property="og:title" content="Example Page" />
Meta Tag: <meta property="og:description" content="Example Description" />
Meta Tag: <meta property="og:site_name" content="Example" />
Meta Tag: <meta property="og:image" content="http://content.example.com/images/example.png" />
Meta Tag: <meta property="og:type" content="video.other" />
Meta Tag: <meta property="og:video:width" content="400" />
Meta Tag: <meta property="og:video:height" content="300" />
Meta Tag: <meta property="og:video" content="http://static.example.com/flowplayer-3.2.15.swf?config=%7b%22clip%22%3a%22http%3a%2f%2fcontent.example.com%2fpath%2fto%2fvideo.mp4%3fv%3d0%22%7d" />
Meta Tag: <meta property="og:video:type" content="application/x-shockwave-flash" />
Meta Tag: <meta property="og:video" content="http://content.example.com/path/to/video.mp4?v=0" />
Meta Tag: <meta property="og:video:type" content="video/mp4" />
Meta Tag: <meta property="og:video" content="http://www.testdomain.com/path/to/shared/page" />
Meta Tag: <meta property="og:video:type" content="text/html" />
上面的值已被替换为虚拟值,但它们都是有效的链接。
Facebook 似乎正确地解析了这一点,因为它显示在Type of Share -> Video下:
status: Video embedding on Facebook enabled
1: application/x-shockwave-flash
2: text/html
当我直接转到 Flash 播放器 url ( http://static.example.com/flowplayer-3.2.15.swf?config=%7b%22clip%22%3a%22http%3a%2f%2fcontent.example.com%2fpath%2fto%2fvideo.mp4%3fv%3d0%22%7d
) 时,视频可以正确播放(嵌入在 Flash 播放器中)。
我尝试过/考虑过的事情:
跳过 Flash 播放器
最初我什至在列表中都没有 Flash 播放器,og:video
而是尝试先使用 mp4 文件。Facebook 没有选择它并将喜欢/分享视为普通链接分享。
白名单
在允许嵌入视频之前,必须将应用程序/域列入白名单。这不再是必要的了。我没有将我的域列入白名单。
HTTPS
一些消息来源说,正在使用的 Flash 播放器需要通过 HTTPS 托管。我的研究表明,这仅适用于用户通过 HTTPS 浏览 Facebook 的情况,而我在测试时没有这样做过。
我目前正在使用支持 HTTPS 的 Flash 播放器运行一些测试,以查看是否有任何变化。
旧标签
最糟糕的是,我尝试添加较旧的 Facebook <meta>
和<link>
标签(例如title
,video_src
),看看它是否会选择它们。它没有。
缓存刷新
我?fbrefresh=1
在 Facebook 调试器中传递了 URL 和 URL,以确保 URL 的缓存版本被清除。这确实导致最新的元信息被拉入,但仍然没有嵌入。
iPad
因为我的标签中有video/mp4
后备og:video
,所以我在 iPad 应用程序中查看了我的 Facebook 新闻提要。令人兴奋的是,缩略图上覆盖了一个小播放按钮。但是,触摸播放按钮会导致重定向到共享 URL,而不是内联播放视频。iPad 上的 Safari 具有相同的行为(但没有播放按钮覆盖)。
文档命名空间
我将适当的 Open Graph / Facebook 命名空间添加到我的标记中:
<html xmlns:og="http://ogp.me.ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
但它似乎没有效果。我不认为他们是必需的。
有什么我在这里想念的吗?我觉得到目前为止我发现的很多资源可能已经过时了,因为 Facebook 已经多次更改了他们的 API,所以我可能错过了一个新的要求。
如何让视频在 Facebook 时间线中嵌入和播放?
看看 YouTube 的og:
元标签,我能发现的唯一区别是:
- YouTube
og:url
和og:video
来自同一域和子域 (www.youtube.com
)。我的服务来自同一个域,但不同的子域(媒体:content.example.com
,播放器:)static.example.com
。子域是否必须与所有og:
元信息相同? YouTube 的分享 URL 本身并不是直截了当
.swf
的,但它是 Flash 内容:rob@uvm:~$ curl "http://www.youtube.com/v/oHg5SJYRHA0?version=3&autohide=1" > yt % Total % Received % Xferd Average Speed Time Time Time Current Dload Upload Total Spent Left Speed 100 4242 100 4242 0 0 43522 0 --:--:-- --:--:-- --:--:-- 55815 rob@uvm:~$ file yt yt: Macromedia Flash data (compressed), version 10
刚刚意识到我的一个 URL 实际上位于不同的域中。我有一种感觉,那就是罪魁祸首。我现在正在移动一些东西来尝试一下。我已经更新了上面的元标记数据。没有提前做出这个观察感到有点不好意思。