Question

我想让Facebook共享对话框的工作方式是，当用户共享网页时，它会在时间轴中显示为视频，当点击视频时，它会扩展为嵌入式iframe（就像当你分享Youtube视频）。

开放图元标记：

<meta property="fb:app_id" content="blahblah" />
<meta property="og:title" content="LSK Building" />
<meta property="og:url" content="https://www.example.com/video/some_id" />
<meta property="og:image" content="https://www.example.com/image/some_id/thumbnail.JPG" />
<meta property="og:site_name" content="My site" />
<meta property="og:type" content="video" />
<meta property="og:video:type" content="text/html" />
<meta property="og:video:url" content="https://www.example.com/video/some_id/embed" />
<meta property="og:video:secure_url" content="https://www.example.com/video/some_id/embed" />
<meta property="og:video:width" content="800" />
<meta property="og:video:height" content="600" />

分享对话框：

                window.open('https://www.facebook.com/dialog/share' +
                    '?app_id=' + facebook_app_id +
                    '&href=' + dlink + 
                    '&display=popup' + 
                    '&redirect_uri=' + origin
                    , ''
                    , 'width=0, height=0');

在共享时正确显示（作为视频），但是当我在时间轴中点击视频时，它会直接转换为视频元素，而不是iframe。我错过了什么？

Answer 1

经过一番搜索后，我发现开放图标签可能没有任何问题。原因应该是Facebook只允许白名单网站嵌入iframe。

使用Facebook共享对话框将视频分享为iframe

1 个答案: