如何将自定义媒体播放器嵌入 Facebook 故事（js/firam）？答案

【问题标题】：How to embed custom media player in facebook stories (js/firame)?如何将自定义媒体播放器嵌入 Facebook 故事（js/firam）？
【发布时间】：2013-04-21 10:39:45
【问题描述】：

我们已经构建了一个自定义媒体播放器 (https://acorn.athena.ai/)，我们希望将其直接嵌入到 Facebook 故事中。我们的嵌入目前通过 iframe 工作，因为我们的播放器完全是 JS/CSS/HTML。

有没有办法嵌入 iframe？

观看视频中的一些 Open Graph 文档 (https://developers.facebook.com/docs/opengraph/property-types/#video)，似乎可以加载 Flash 中的自定义视频播放器（将 og:video:type 指定为 application/x-shockwave-flash），但它没有说明非 Flash 自定义播放器。

【问题讨论】：

对不起，我没有 Facebook（用于 :)），但我相信我可以帮助你。您可以在 Facebook 的应用程序部分部署您的媒体播放器吗？或者你真的希望它出现在 Facebook 故事中？因为如果您为 Facebook 创建应用程序并只调用您的页面（您的托管播放器，在您的托管服务器上），它会正常工作。我说的原因是因为故事不支持某些外部功能（上次我检查）

标签： facebook facebook-graph-api media-player embed

【解决方案1】：

你是对的，你需要添加 og:video 元属性，但你可以将它指定为你想要的 - 它不需要是 flash :)

看看这个：https://developers.facebook.com/docs/opengraph/creating-custom-stories#propertytypes-video 这给了你一个需要什么的例子。

就像他们也写一样，然后它也导入为在 HTTPS 上使用 facebook 的用户添加 og:video:secure_url。

对于您的情况，我只需将视频指定到您播放视频的 html 页面，然后将类型指定为 text/html。

就像这个取自上述链接的例子：

<meta property="og:video" content="https://secure.example.com/awesome-framed.html">
<meta property="og:video:type" content="text/html">

【讨论】：