我想让 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。我错过了什么?
最佳答案
经过一番搜索,我发现 open graph 标签可能没有任何问题。原因应该是Facebook只允许白名单网站嵌入iframe。
关于javascript - 使用 Facebook 共享对话框将视频共享为 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34197718/