web-dev-qa-db-ja.com

埋め込まれたFacebookビデオを自動再生する方法は?

この page は、Facebookビデオの埋め込みコードを作成して外部のWebサイトに埋め込む方法を示しています。

ページの読み込み時に自動的に再生を開始する方法はありますか?

9
uwe

私にとって最良の方法は、次のようなFacebookURLを使用することです。 https://www.facebook.com/v2.3/plugins/video.php?allowfullscreen=true&autoplay=true&container_width=800&href=https%3A%2F %2Fwww.facebook.com%2Fredbull%2Fvideos%2F10155801793140352%2F&locale = en_US&sdk = joey

埋め込みURLよりも優れています。ビデオはビューポートに収まり、クエリ文字列/パラメータを使用して自動再生を制御できます。

7
Estevão Lucas

残念ながら Facebookのポリシー コンテンツの自動再生を禁止します(神に感謝します)。

私は実際のポリシー文書を追跡しようとしましたが、Facebookで禁止されていると話している人々のSERPSノイズに溺れてしまいました!!この概念を裏付ける質問は StackOverflow および WebApps にあります。

StackOverflowは公式のFacebook開発者サポートチャネルであるため、ユーザーはこのトピックについて詳しく知ることができます。

一部の気まぐれなjQueryがクリックを偽造できる可能性もありますが、Facebookはコードを頻繁に更新するため、ハッキングが長続きするとは思えません。

最善の答えは、YouTubeまたはネットワーク外で共有できる別のチャネルを使用することです。自分の境界を越えて共有されるビデオに明らかに関心がないネットワークのハッキーなソリューションに依存しないでください。

ユーザーは自分の動画のプライバシー設定を簡単に変更できます。Facebookは、人気のあるコンテンツになった場合、コンテンツを埋め込む機能を妨害しようとする可能性があります。

7
toomanyairmiles

今日の最新のFacebookSDKの時点で、埋め込みコードのdivタグにdata-autoplay = "true"を追加することで、動画を受動的に自動再生できます。

参照: https://developers.facebook.com/docs/plugins/embedded-video-player

私はこれを自分のプロジェクトに実装したばかりで、機能しますが、現時点ではパッシブにしか再生されません(ミュートモードで)。これは、Facebookでニュースフィードをスクロールした場合に表示されるものと同様のエクスペリエンスです。ユーザーは手動でビデオのミュートを解除する必要があります。

これがお役に立てば幸いです。

3
Warren Wang

YouTubeの場合、動画の自動再生に使用されるURLの末尾に&autoplay=1を追加します。例えば:

ビデオにアクセスするためのURLが次の場合:

http://www.youtube.com/v/xxx

自動再生URLは次のとおりです。

http://www.youtube.com/v/xxx&autoplay=1

上記はYoutubeで機能しますが、Facebookは少し異なります。

サイトでビデオを自動再生するコードの埋め込み部分に、次のパラメーターを追加します。

<param name="autoplay" value="true">

この方法は、他のサイト、主にFlashベースのビデオプレーヤーを使用するサイトでも機能します。

3
Justin Pearce

ここでの回答は少し古くなっているので、回答が更新されているだけで、すべての詳細について Facebookドキュメント を確認できます。

TL; DR:

Facebookからのビデオの埋め込みは次のようになります。

<html>
<head>
  <title>Your Website Title</title> 
</head>
<body>

  <!-- Load Facebook SDK for JavaScript -->
  <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.6";
    fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>

  <!-- Your embedded video player code -->
  <div class="fb-video" data-href="https://www.facebook.com/facebook/videos/10153231379946729/" data-width="500" data-show-text="false">
    <div class="fb-xfbml-parse-ignore">
      <blockquote cite="https://www.facebook.com/facebook/videos/10153231379946729/">
        <a href="https://www.facebook.com/facebook/videos/10153231379946729/">How to Share With Just Friends</a>
        <p>How to share with just friends.</p>
        Posted by <a href="https://www.facebook.com/facebook/">Facebook</a> on Friday, December 5, 2014
      </blockquote>
    </div>
  </div>

</body>
</html>

次のhtmlタグを使用すると、自動再生をtrueに設定できます:

<div class="fb-video" data-href="<video-post-url>" data-autoplay="true">

data-autoplayのデフォルト値はもちろんfalseです。

0
yotammanor

waitforclick

許可されている場合にFlashオブジェクトを自動再生するかどうか(false)を示します。 falseは、AJAX呼び出しの後を除いて、セキュリティと美的理由からプロファイルでは機能しません。デフォルト値はtrueです。

https://developers.facebook.com/docs/reference/fbml/swf/

説明されている提供されたリンクのように、サンプルコードを下からFacebookビデオに変更する必要があります。

試しませんでしたが、多分それは役に立ちます

よろしく

0
Denny Mueller

ビデオIDを持っていないため、テストできませんが、「再生」または「自動再生」パラメーターを追加すると機能する場合があります。

<object width="400" height="224" >
 <param name="allowfullscreen" value="true" />
 <param name="allowscriptaccess" value="always" />
 <param name="movie" value="http://www.facebook.com/v/xxx" />
 <param name="autoplay" value="true" />
 <embed src="http://www.facebook.com/v/xxx" type="application/x-shockwave-flash"
   allowscriptaccess="always" allowfullscreen="true" width="400" height="224" autoplay="true">
 </embed>
</object> 
0
user2428118