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

Using Facebook share dialog to share video as iframe

本文关键字：共享 iframe 视频 对话框 Facebook 使用      更新时间：2023-09-26

我想让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。我错过了什么？

经过一番搜索，我发现开放图标记可能没有什么问题。原因应该是脸书只允许白名单网站嵌入iframe。

相关文章：