共享的 mp4 视频显示“下载文件”而不是在时间轴上播放

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 之类的 3rd 方工具来生成分享按钮，但结果是一样的。

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" />