この機能はすべてのVimeoプランに含まれています。
動画の埋め込みコードに自動再生とループのパラメーターを追加できます。あなたの最近アップロードされた一般公開動画(または最近一般公開に設定された動画)が最初に自動再生されます。この記事では、これらのパラメーターを埋め込みコードに追加する方法について説明します。
記事の内容:
埋め込みコードにパラメータを追加する方法
パラメーターを埋め込みコードに手動で追加して、埋め込み動画の自動再生やループを設定できます。
- 既存のVimeo埋め込みコードを見つけます。
- 必要なパラメーターを決定します。
- ループ設定:loop=1
- 自動再生の場合:autoplay=1
- 選択したパラメーターを埋め込みコードに追加します。
- ウェブサイトの元の埋め込みコードを、追加されたパラメーターを含む新しいコードに置き換えます。
例:
<iframe src="https://player.vimeo.com/video/76979871?autoplay=1&loop=1"width="640" height="360" frameborder="0" allow="autoplay; fullscreen= allowfullscreen></iframe>;
複数の動画にパラメーターを追加する方法
複数の動画にパラメータを追加する手順
- 既存のVimeo埋め込みコードを見つけます。
- 複数の動画を自動再生するよう設定して埋め込む場合は、次の3つのパラメーターをすべて含める必要があります。
- ループの場合loop=1
- 自動再生の場合:autoplay=1
- 同じページに複数の動画がある場合:autopause=0
- 3つのパラメータをすべて追加し、アンパサンド(&)で区切ります。
- ウェブサイトの元の埋め込みコードを、必要なすべてのパラメーターを含む新しいコードに置き換えます。
-
カスタムサイズの埋め込みコード:スクリーンサイズに関係なく、固定された変更不可能なサイズ(ピクセル単位)の動画プレーヤーが作成されます。
例:
<iframe src="https://player.vimeo.com/video/76979871?autoplay=1&loop=1&autopause=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe>;
- レスポンシブ対応の埋め込みコード:ユーザーの画面やデバイスに合わせて自動的にサイズを調整する動画プレーヤーを作成します。
例:
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/76979871?autoplay=1&loop=1&autopause=0?badge=0&autopause=0&player_id=0&app_id=58479" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write" style="position:absolute;top:0;left:0;width:100%;height:100%;" title="Help Center Video"></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
動画のプライバシーが「限定公開」に設定されているとどうなりますか?
動画のプライバシーが限定公開に設定されている場合、埋め込みパラメータを追加する手順が少し変わります。
- プライバシーハッシュ:動画のURLには、動画IDのすぐ後にプライバシーハッシュと呼ばれる特別なセキュリティコードが自動的に含まれます。このハッシュは疑問符 (?)で始まり、次のように表示されます: ?h=913062c8ff。
- 構文の変更:疑問符(?)はプライバシーハッシュで既に使用されているため、追加するすべての再生パラメーター(自動再生=1 や loop=1 など)は、疑問符の代わりにアンパサンド記号(&)を使用して追加する必要があります。
推奨される次のステップ
- 自動再生またはループ機能を妨げる可能性のある制限の詳細については、トラブルシューティング:自動再生の制限を参照してください。
- 詳しくは、プレーヤーのパラメータについてをご覧ください。