VideoPress プレーヤーをカスタマイズする

サイトのデザインに合わせて VideoPress プレーヤーをカスタマイズし、動画の表示方法を制御できます。このガイドでは、プレーヤーのサイズを調整する方法、カスタムのポスター画像を設定する方法、再生機能を有効または無効にする方法、進捗バーをカスタマイズする方法について説明します。

この動画の言語は英語です。
YouTube には、自分の言語で視聴できる自動翻訳機能があります。

自動翻訳字幕を表示するには：

1. 動画を再生します。
2. 動画右下の ⚙️ 設定 アイコンをクリックします。
3. 字幕/CC を選択します。
4. 自動翻訳 を選択します。
5. 希望する言語を選びます。

自動吹き替え（実験機能）で視聴するには：

1. ⚙️ 設定 アイコンをクリックします。
2. 音声トラック を選択します。
3. 視聴したい言語を選びます。

ℹ️ 翻訳と吹き替えは Google により自動生成されるため、正確でない場合があります。また、自動吹き替えは現在テスト中で、すべての言語で利用できるわけではありません。注: 字幕の文章は Google 翻訳で生成されるため、完全とはいえませんが、内容の把握に役立ちます。

WordPress エディターで直接 VideoPress プレーヤーのサイズを変更するには、次の手順を実行します。

1. VideoPress ブロックをクリックして選択します。
2. 動画プレーヤーの端または角にあるサイズ変更ハンドル (小さな正方形) を探します。
3. ハンドルをクリックしてドラッグし、プレーヤーの幅または高さを希望のサイズに調整します。
4. マウスボタンを放して新しいサイズを設定します。
5. 「保存」または「公開」をクリックして変更を適用します。

進捗バーの色をカスタマイズして、動画やサイトのデザインに合わせることができます。

1. VideoPress ブロックを選択し、ブロックスタイルサイドバーを開きます。
   • サイドバーが表示されない場合、右上の 「設定」アイコンをクリックします。
2. デフォルトでは「ダイナミックカラー」が有効になっており、動画の再生時に色が動画に合わせて調整されます。
3. このオプションを無効にして色を設定します。
   • メイン: 進捗バーのデフォルトの色。
   • 読み込み済み: 動画が読み込まれた後のバーの色。
   • 進捗: 動画を読み込み中のバーの色。
4. 「保存」または「公開」をクリックして変更を適用します。

VideoPress プレーヤーの周囲のパディングとマージンを調整するには、ブロックスタイルサイドバーのサイズ設定を使用します。

ショートコードを使用して、動画を挿入してそのサイズを制御することもできます。手順は次のとおりです。

1. ダッシュボードで「メディア」をクリックします。
2. ショートコードを取得する動画をクリックします。
3. 以下の画像にあるように、「コピー」ボタンをクリックして提供されたショートコードをコピーします。
   • VideoPress ショートコードは [ の記号、wpvideo または videopress、文字列、] の記号の順番で構成されています。
   • 例:

[wpvideo YN4MKhAB]

4. この動画を表示する投稿または固定ページを編集します。
5. 「+」ブロック挿入をクリックして「ショートコード」ブロックを追加します。
6. ステップ3のショートコードを貼り付け、] の記号の前に「w=XXX」を追加して次のように幅をピクセル単位で指定します。

[wpvideo YN4MKhAB w=400]

テーマの投稿カラムの幅に収まる限り、動画の幅は自由に設定できます。

ショートコードでは次の属性を使用してデフォルトの動作を変更できます。

• w=X: ピクセル単位の幅 (単位は含めない)。
• h=Y: ピクセル単位の高さ (単位は含めない)。
• hd=true/false: 強制的に HD で再生。
• freedom=true/false: オープンソースの動画形式しか使用できないように制限。
• autoplay=true/false: 読み込み時に動画を自動的に再生。
• loop=true/false: 動画を自動的に繰り返し再生。
• controls=false: 動画を表示する際にデフォルトの動画制御を非表示。

] 記号の前に追加することで、必要な属性を使用できます: [wpvideo OcobLTqC attribute=value]。例:

[wpvideo OcobLTqC w=640 h=400 autoplay=true loop=true]