ユーザーが Web ページを共有するとタイムラインに動画として表示され、動画をクリックすると拡大されて埋め込まれた iframe になるように、Facebook の共有ダイアログを機能させたいと考えています (ユーチューブ動画)。
開いているグラフのメタ タグ:
<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 ではなく直接ビデオ要素に変わります。私は何を取りこぼしたか?