如何将自定义媒体播放器嵌入 Facebook 故事（js/firam）？
Posted
技术标签:
【中文标题】如何将自定义媒体播放器嵌入 Facebook 故事（js/firam）？【英文标题】：How to embed custom media player in facebook stories (js/firame)? 【发布时间】：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 创建应用程序并只调用您的页面（您的托管播放器，在您的托管服务器上），它会正常工作。我说的原因是因为故事不支持某些外部功能（上次我检查） 【参考方案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">
【讨论】：
以上是关于如何将自定义媒体播放器嵌入 Facebook 故事（js/firam）？的主要内容，如果未能解决你的问题，请参考以下文章