共有mp4ビデオは、タイムライン上で再生するのではなく、「ダウンロードファイル」を表示します。

Question

ビデオを表示するウェブページがあり、人々はそれをFacebookに共有できます。

ここ

オープングラフメタタグを使用してイムされています

<meta property="fb:app_id" content="app_id" /> 
<meta property="og:url" content="https://www.domain.com/show/245" /> 
<meta property="og:type" content="website" /> 
<meta property="og:title" content="Website tile" /> 
<meta property="og:description" content="Website description" /> 
<meta property="og:video" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:video:url" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:video:secure_url" content="https://www.domain.com/uploads/09250522_18.mp4" /> 
<meta property="og:image" content="https://www.domain.com/uploads/thumbnail.png" /> 
<meta property="og:video:type" content="video/mp4" /> 
<meta property="og:video:width" content="1280" /> 
<meta property="og:video:height" content="720" /> 

*ではない実際のドメイン名とアプリケーションIDを、プライバシーの目的のために

を私は共有デバッガを使用してページをチェックすると、それは、いい作品何のエラーもありません。

共有ビデオも通常のビデオと同じように見えます。しかし、私はそれを再生しようとすると、代わりにビデオファイルへの "ダウンロードファイル"リンクが表示されます。 これはなぜ起こっているのでしょうか？私は、共有ボタンを生成するaddThisのようなサードパーティのツールを使用して、別のビデオを使用しようとしましたが、結果は同じです。

Answer 1

ちょっと分かりました。

ビデオソースを設定する前に、 "og：video：type"を呼び出す必要があります。

私はそれが奇妙だと知っていますが、これにより、ビデオソースを「フラッシュ」に設定することができなくなります。

だからあなたのメタタグは、次のようになります

<meta property="og:url" content="someurl" /> 
<meta property="og:type" content="video.other" /> 
<meta property="og:title" content="yourtitle" /> 
<meta property="og:image" content="https://url.com/img.png"> 
<meta property="og:video:type" content="video/mp4"/> 
<meta property="og:video" content="https://url.com/video.mp4" /> 
<meta property="og:video:url" content="https://url.com/video.mp4" /> 
<meta property="og:video:secure_url" content="https://url.com/video.mp4" /> 
<meta property="og:video:width" content="videoWidth"/> 
<meta property="og:video:height" content="videoHeight"/> 
<meta property="fb:app_id" content="id" />