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

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

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