facebook - 共享 mp4 视频显示 "download file"，而不是在时间轴上播放

Question

我有一个显示视频的网页，人们可以将其分享到 Facebook。

这是我使用的开放图元标记:

<meta property="fb:app_id" content="app_id" />
<meta property="og:url" content="https://www.domain.com/show/245" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Website tile" />
<meta property="og:description" content="Website description" />
<meta property="og:video" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:video:secure_url" content="https://www.domain.com/uploads/09250522_18.mp4" />
<meta property="og:image" content="https://www.domain.com/uploads/thumbnail.png" />
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video:width" content="1280" />
<meta property="og:video:height" content="720" />

*出于隐私目的，不是实际域名和应用 ID

当我使用共享调试器检查页面时，它工作正常，没有任何错误。

共享视频看起来也不错，就像普通视频一样。但是当我尝试播放它时，它显示了指向视频文件的“下载文件”链接。知道为什么会发生这种情况吗？我尝试使用不同的视频，使用像 addThis 这样的第三方工具来生成共享按钮，但结果是相同的。

Answer 1

刚刚想通了!

在设置视频源之前，您需要调用“og:video:type”。

我知道这很奇怪，但这会阻止 api 将视频源设置为“flash”。

所以你的元标记应该如下所示:

<meta property="og:url" content="someurl" />
<meta property="og:type" content="video.other" />
<meta property="og:title" content="yourtitle" />
<meta property="og:image" content="https://url.com/img.png">
<meta property="og:video:type" content="video/mp4"/>
<meta property="og:video" content="https://url.com/video.mp4" />
<meta property="og:video:url" content="https://url.com/video.mp4" />
<meta property="og:video:secure_url" content="https://url.com/video.mp4" />
<meta property="og:video:width" content="videoWidth"/>
<meta property="og:video:height" content="videoHeight"/>
<meta property="fb:app_id" content="id" />