facebook - 在 Facebook 墙上分享 HTML5 播放器

标签 facebook html facebook-graph-api facebook-opengraph

我有一个 Flash 和 HTML5 版本的播放器。我通过 iframe 调用一个页面,它检测浏览器和设备并相应地加载播放器,它工作正常。

在播放器的 HTML5 版本之前,我能够将 Flash 播放器分享到 Facebook。但是我们如何让它与 HTML5 播放器兼容呢?如果我共享 iframe 页面,它不起作用,视频也无法播放。

我发现 youtube 能够满足我们的要求,请指教并帮助如何完成要求。

最佳答案

查看open graph documentation page上音视频数据对应的部分.

您需要将以下开放图标签添加到文档中给出的资源页面。

<html xmlns:og="http://ogp.me/ns#"> 
    <head>
        ...
        [REQUIRED TAGS]
        <meta property="og:video" content="http://example.com/awesome.swf" />
        <meta property="og:video:height" content="640" />
        <meta property="og:video:width" content="385" />
        <meta property="og:video:type" content="application/x-shockwave-flash" />
        <meta property="og:video:secure_url" 
              content="https://secure.example.com/awesome.swf" />
        <meta property="og:video" content="http://example.com/html5.mp4" />
        <meta property="og:video:type" content="video/mp4" />
        <meta property="og:video" content="http://example.com/fallback.vid" />
        <meta property="og:video:type" content="text/html" />
        ...
    </head>

关于facebook - 在 Facebook 墙上分享 HTML5 播放器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8708233/

相关文章:

javascript - 我在react.js 中编写for 循环时遇到问题

javascript - 将值传递给数据库并使用 100% JavaScript 查看它?

javascript - 如何将数组值传递给函数javascript

javascript - 必须使用事件访问 token 来查询有关具有开放图的当前用户的信息

facebook-graph-api - 如何在 Facebook SDK for Unity 中获取访问 token 的到期日期

android - 是否可以在 iOS 或 android 上通过 HTTP 仅使用 REST 调用来调用 facebook Graph API?

php - 通过ID获取FB全名

使用 FQL 的 FaceBook 查询

Facebook Messenger 应用程序 Webhook 订阅 - 权限不足

html - 删除整页周围不需要的白色边框