背景動画とクロムレス動画の埋め込みについて

この機能には有料プランが必要です。

この機能を使用すると、埋め込み動画用にプレーヤーのすべての要素（例：再生/一時停止、再生バー、共有など）を非表示にすることができます。主な方法として、背景動画とクロムレスプレーヤーの 2 つがあります。

記事の内容：

• 背景動画を埋め込む
• 背景動画のサウンドを有効にする
• クロムレスプレーヤーを埋め込む
• 限定公開動画のパラメーターの配置

背景動画を埋め込む

動画をウェブサイトの背景要素として使用するには、プレーヤーのURLの末尾に?background=1パラメーターを追加します。

以下に、background=1 パラメーターの効果を示します。

• すべてのプレーヤーの切り替えボタンと要素（再生/一時停止ボタンを含む）がオフになります。
• 動画は自動的にループします。
• ビデオは自動再生に設定されます。
• 動画はデフォルトでミュートされます。
• このパラメーターはキーボードコントロールを無効にしません。

埋め込みコードの例：

<iframe src="https://player.vimeo.com/video/76979871?background=1" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>;

背景動画のサウンドを有効にする

背景動画を音声付きで再生するには、&muted=0 パラメーターを追加します。

Chrome、Safari、Firefoxには自動再生制限があり、動画がミュートされていない限り、自動的に音声付きで再生されません。ミュートされた背景動画は、この制限の対象外です。詳細については、動画の埋め込みコードに自動再生とループのパラメータを追加する方法をご覧ください。

埋め込みコードの例：

<iframe src="https://player.vimeo.com/video/76979871?background=1&muted=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>;

クロムレスプレーヤーを埋め込む

ミュート、自動再生、ループを強制せずにユーザーインターフェイス（UI）のみを非表示にしたい場合は、クロムレスプレーヤーオプションを使用できます。

以下に、controls=0 パラメーターの効果を示します。

• 再生バーとその他すべてのUIコントロールが非表示になります。
• 再生（開始/停止）をコントロールするには、以下を行う必要があります。
  • 自動再生を有効にする（例：?autoplay=1）。
  • キーボードショートカットを使用する。
  • Player SDKを使用してカスタムソリューションを実装する。

埋め込みコードの例：

<iframe src="https://player.vimeo.com/video/76979871?controls=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>;

限定公開動画のパラメーターの配置

限定公開のプライバシー設定で動画の埋め込みコードを変更する場合は、パラメーターの配置に注意する必要があります。

• 限定公開の動画には、?h=913062c8ffのようなプライバシーハッシュパラメーターが動画IDのすぐ後にあります。
• 追加のパラメーター（background=1 や controls=0 など）はすべて、必ずこのプライバシーハッシュの後に追加する必要があります。
• 最初の追加パラメーターは、疑問符 (?)ではなく、アンパサンド (&)を使用して追加する必要があります。

例：元のURL（限定公開）：https://player.vimeo.com/video/123456789?h=913062c8ff

背景パラメーターの追加：https://player.vimeo.com/video/123456789?h=913062c8ff&background=1