在Facebook墙上分享HTML5播放器

时间:2012-01-03 05:17:48

标签: facebook html5 facebook-graph-api facebook-opengraph

我在Flash中都有一个播放器,在HTML5版本中也是如此。我通过iframe调用一个页面来检测浏览器和设备并相应地加载播放器并且它工作正常。

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

我发现youtube能够按照我们的要求做同样的事情,请建议并帮助完成要求。

1 个答案:

答案 0 :(得分:6)

检查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>