メインコンテンツへスキップ

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

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

この機能を使用すると、埋め込み動画用にプレーヤーのすべての要素（例：再生/一時停止、再生バー、共有など）を非表示にすることができます。主な方法として、背景動画とクロムレスプレーヤーの 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コントロールが非表示になります。
  • 再生（開始/停止）をコントロールするには、以下を行う必要があります。

埋め込みコードの例：

<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

関連記事