私のウェブサイトのページの1つにFacebookの共有ボタンがあり、この共有ボタンは私のサイトの別のページを共有するために使用されます。私がWebサイトを共有するだけではできない唯一の特定のタスクは、その特定のページにも組み込まれたVimeoビデオを組み込むことです。したがって、私の特定のページにリンクするFacebook共有ポストを持つだけでなく、ビデオを再生しています。これまでのところ私はかなり遠いところにいましたが、私の問題は、共有の投稿に正しいタイトル、説明、イメージ、ビデオがあることです。しかし、Facebookのポストで "再生"ボタンを押すと表示されます。それはバッファリングを開始し、適切な長さと右のVimeoのタイトルを持っていますが、それは単にバッファリングを維持し、実際に演奏されません。Facebook公開グラフ埋め込みビデオの問題
もし私が間違っていると言えば、それは間違ったFlashプレーヤーのリンクですが、ビデオのVimeoフラッシュプレーヤーのリンク先はわかりません。現在、私のコードは以下のようになっています。
私は共有したくないページには、次の「グラフを開く」タグがあります。
<meta property="og:title" content="Test title" />
<meta property="og:type" content="movie" />
<meta property="og:url" content="http://website.com/siteNum1.html" />
<meta property="og:description" content="Test description" />
<meta property="og:image" content="https://i.vimeocdn.com/filter/specialThumbnailImage.png"/>
<meta property="og:video" content="https://vimeo.com/moogaloop.swf?clip_id=specialID" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="360" />
<meta property="og:video" content="https://player.vimeo.com/video/specialID?autoplay=1&title=0&byline=0&portrait=0" />
<meta property="og:video:type" content="video/mp4"/>
<meta property="og:video:width" content="640" />
<meta property="og:video:height" content="360" />
共有ボタンがあるページでは、以下のように統合されています。
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.9";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="col-lg-4">
<div class="faceBkShare">
<h3>Share on Facebook</h3>
<img src="fbPost1.png" alt="fb post inspiration" class="img-responsive center-block">
<p>Some text</p>
<div class="fb-share-button" data-href="http://website.com/siteNum1.html" data-layout="button" data-size="large" data-mobile-iframe="true">
</div>
</div>
</div>
私はVimeoのビデオを共有しようとしたとき、彼らはあなたが必要とするすべてのオープングラフタグの例を持っている必要がリンクを、持っているとことを考え出し次question/answer
あなたが使用している「ビデオ」URLはどちらも、あなたが主張しているように、フラッシュやmp4ではなくHTMLドキュメントを返します。 – CBroe
@CBroe私は見るが、私はフラッシュリンクを見つけることができないので、Vimeoビデオをどのように含めるべきか完全にはわかっていない。私は他の答えで、彼らは私がアップロードしたVimeoビデオのために見つけることができないいくつかの特定のフラッシュWebプレーヤーのリンクを見ることができます。 – Sm00rf9000