web-dev-qa-db-ja.com

ユーチューブのようなフェイスブックで私のウェブサイトからビデオを共有する方法

HTML5ビデオプレーヤーを備えたWebサイトがあります。

Facebookでリンク(例: http://site.com/video/example-2 )を共有したいのですが、ユーザーがFacebookでその投稿の画像をクリックすると、再生が開始されます。そこにビデオ。

YouTubeのビデオやvimeoのビデオと同じように。

どうやってやるの?

ありがとう

13
zeroonnet

HTML5ビデオプレーヤーを備えたWebサイトがあります。

url={video_Hot_link}からビデオをストリーミングできる優れたSWF(* .SWF)ビデオプレーヤーを見つけたい(URLパラメーターをSWFプレーヤーに渡す)

SWFプレーヤーでいくつかのビデオをストリーミングする準備ができたら、次のように<head>タグに Facebook Open Graph を追加します。

<meta property="og:type" content="video"> <!-- site/page type more information http://ogp.me/ -->
<meta property="og:video:type" content="application/x-shockwave-flash"> <!-- you need this because your player is a SWF player -->
<meta property="og:video:width" content="Width in Pixels"> <!-- player width -->
<meta property="og:video:height" content="Height in Pixels"> <!-- player height -->
<meta property="og:video" content="http://example.com/{path_to}/{swf_player}.swf?url={video_soure}"> <!-- You will need to echo/print the video source (*.mp4) with server-side code -->
<meta property="og:video:secure_url" content="https://example.com/{path_to}/{swf_player}.swf?url={video_soure}"> <!-- required for users whom use SSL (actually Facebook forces everyone to use SSL so you're required to use og:video:secure_url) so get a one -->

さらに、次のプレフィックスを<html>に追加する必要があります。

<html prefix="og: http://ogp.me/ns#">
19
Adam Azad

Facebookは、サードパーティプレーヤーのインライン再生を許可しなくなりました。 Vimeoはこれについても言及しています 彼らのドキュメントで

今後、ニュースフィードで動画をインラインで再生したい場合は、Facebook独自の動画ホスティングプラットフォームを使用する必要があります。

1
Julian

また、og:videoを使用してビデオを共有しましたが、 https://developers.facebook.com/tools/debug/og/object/ でデバッグすると、警告エラー「og:image」が表示されます。他のタグから値を推測できる場合でも、プロパティを明示的に指定する必要があります。

0
manoj yadav