この機能には有料プランが必要です。
この機能を使用すると、埋め込み動画用にプレーヤーのすべての要素(例:再生/一時停止、再生バー、共有など)を非表示にすることができ、主に背景動画とクロムレスプレーヤーの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