シングル動画プレーヤー:シングル動画プレーヤーをカスタマイズする
読了時間:4分
シングル動画プレーヤーを追加・設定したら、デザインを調整して自分だけのものにすることができます。カバー画像を選択し、枠線や影などを追加します。
クリック時に動画を再生するように設定すると、動画に再生ボタンが表示されます。プリセットデザインから再生ボタンを選択し、色を変更することができます。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2023/01/03/ec001afa-d113-43a7-8fc0-772f537b7718/a5ec097b-4ce5-4a76-94be-50254cc8732f.jpg)
この記事では、下記の項目について説明します:
プレーヤーのレイアウトを変更する
シングル動画プレーヤーとサイトに最適なレイアウトを選択します。動画のタイトル、再生ボタンのサイズ、プレーヤーに動画コントローラを表示するかどうかを選択できます。
プレーヤーのレイアウトを変更する方法:
- エディタで Wix シングル動画プレーヤーをクリックします。
- 「レイアウト」アイコン
をクリックします。
- 利用可能なオプションを使用して、シングル動画プレーヤーのレイアウトをカスタマイズします:
- 動画タイトルを表示:トグルをクリックして、プレーヤーで動画のタイトルを表示または非表示にします。有効にした場合は、テキストボックスに動画のタイトルを入力します。
- 再生ボタンサイズ:動画の再生ボタンのサイズを選択します。
- 動画再生時にコントローラを表示:動画のボタンを表示するタイミング(ホバーで再生または表示しない)を選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/01/03/08bddd60-cb27-4426-b842-a9668412cea4/05a955b2-37e4-4bc0-8a11-2ddf8d574b1e.png)
プレーヤーのデザインをカスタマイズする
カバー画像の選択、枠線、影付きのフレーミングなど、シングル動画プレーヤーのデザインを自由にカスタマイズできます。
プレーヤーのデザインをカスタマイズする方法:
- エディタで Wix シングル動画プレーヤーをクリックします。
- 「デザイン」アイコン
をクリックします。
- 利用可能なオプションを使用して、シングル動画プレーヤーのデザインをカスタマイズします:
- カバー画像:
- 動画用に自動生成されたカバー画像を選択するか、独自のカバー画像をアップロードします。
- フェードアウト:有効にすると、サイト訪問者が再生ボタンをクリックしたときにカバー画像がフェードアウトします。
- 不透明度・色:
- オーバーレイ不透明度・色:背景色を選択し、背景の不透明度を調整します。
- 枠線:
- 不透明度・色:枠線の色を選択し、枠線の不透明度を調整します。
- 太さ:枠線の太さを設定します。
- 影:
- 影を表示する:シングル動画プレーヤーに影を追加します。
- 角度:影が表示される角度を設定します。
- 位置:シングル動画プレーヤーの背後に表示される影の位置を設定します。
- サイズ:シングル動画プレーヤーの背後に表示される影のサイズを選択します。
- ぼかし:影のぼかしを選択します。
- 不透明度・色:影の色を選択し、影の不透明度を調整します。
- テキスト:
- タイトル・再生ボタン:タイトルと再生ボタンの色を選択します。
- スタイル:ドロップダウンからテキストのスタイルを選択します。
- フォント:ドロップダウンからフォントの種類を選択します。
- 文字サイズ:文字サイズを選択します。
- テキストを斜体または太字にするかを選択します。
- カバー画像:
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/01/03/51a70323-2b9e-45e3-884f-ea7faecd70c1/2d274684-409a-4503-9ca4-e1c0c350906d.png)
プレーヤーにアニメーション効果を追加する
アニメーションを使用してインパクトを与え、サイトにクールなエフェクトを追加し、プレーヤーを目立たせることで、サイト訪問者の注意を引くことができます。
テンプレートから好きなアニメーションの種類を選択したら、さらにカスタマイズすることができます。アニメーションを再生する強さ、進行方向、アニメーションをいつ再生するかを選択します。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2023/01/03/cd928f1a-25cc-4b7a-a319-7d5dde49435b/fb38f339-a8e4-4573-bfe8-e57310fd254f.png)
プレーヤーにアニメーション効果を追加する方法:
- エディタで Wix シングル動画プレーヤーをクリックします。
- 「アニメーション」アイコン
をクリックします。
- 使用するアニメーションを選択します。
- 「カスタマイズ」をクリックして、アニメーションに変更を加えます。
注意:カスタマイズオプションは、選択したアニメーション効果によって異なります。