このページでは、Facebook ビデオの埋め込みコードを作成して外部 Web サイトに埋め込む方法を示します。
ページの読み込み時に自動的に再生を開始する方法はありますか?
私にとって最善の方法は、次のような Facebook URL を使用することです: 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 よりも優れています。ビデオはビューポートに収まり、クエリ文字列/パラメーターで自動再生を制御できます。
残念ながら、Facebook のポリシーではコンテンツの自動再生が禁止されています (ありがたいことに)。
私は実際のポリシー文書を追跡しようとしましたが、Facebook で禁止されていると話している人々の SERPS ノイズにかき消されてしまいました!! StackOverflowとWebAppsで、この概念を裏付ける質問を見つけることができます。
StackOverflow は公式の Facebook 開発者サポート チャネルであるため、ユーザーはこのトピックについて詳しく知ることができます。
気まぐれなjQueryがクリックを偽造できる可能性もありますが、Facebookはコードを頻繁に更新するため、ハッキングが長く続くとは思えません。
最良の答えは、YouTube またはネットワーク外で共有できる別のチャネルを使用することです。自国の国境を越えてビデオが共有されることに明らかに関心がないネットワークでは、ハッキーなソリューションに頼らないでください。
ユーザーは自分の動画のプライバシー設定を簡単に変更できます。Facebook は、コンテンツの埋め込みが一般的になれば、その機能を妨害しようとするでしょう。
今日の最新の Facebook SDK では、埋め込みコードの div タグに data-autoplay="true" を追加することで、動画をパッシブに自動再生できます。
参照: https://developers.facebook.com/docs/plugins/embedded-video-player
これを自分のプロジェクトに実装したところですが、動作しますが、現時点では受動的に (ミュート モードで) のみ再生されます。これは、Facebook でニュース フィードをスクロールしている場合に表示されるものと同様のエクスペリエンスです。ユーザーは手動でビデオのミュートを解除する必要があります。
これが役立つことを願っています。
Youtube の場合&autoplay=1
、動画の自動再生に使用する URL の末尾に追加します。例えば:
ビデオにアクセスするための URL が次の場合:
http://www.youtube.com/v/xxx
自動再生 URL は次のとおりです。
http://www.youtube.com/v/xxx&autoplay=1
上記は Youtube で機能しますが、Facebook は少し異なります。
サイトで動画を自動再生するコードの埋め込み部分に、次のパラメーターを追加します。
<param name="autoplay" value="true">
この方法は、ほとんどが Flash ベースのビデオ プレーヤーを使用する他のサイトでも機能します。
クリック待ち
許可されている場合に Flash オブジェクトを自動再生するかどうか (false) を示します。false は、AJAX 呼び出しの後を除いて、セキュリティと美的理由からプロファイルでは機能しません。デフォルト値は true
https://developers.facebook.com/docs/reference/fbml/swf/
提供されたリンクの説明のように、サンプルコードを下からFacebookビデオに変更する必要があります。
試したことはありませんが、役立つかもしれません
よろしく
動画 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>
どの動画を埋め込むかは問題ではありません。コードを追加する
&autoplay=1
埋め込んでいるビデオの URL の末尾に追加すると、問題が解決され、ビデオが自動的に再生されるようになります。