シングル動画プレーヤー:シングル動画プレーヤーをカスタマイズする

読了時間:4分
シングル動画プレーヤーを追加・設定したら、デザインを調整して自分だけのものにすることができます。カバー画像を選択し、枠線や影などを追加します。
クリック時に動画を再生するように設定すると、動画に再生ボタンが表示されます。プリセットデザインから再生ボタンを選択し、色を変更することができます。
この記事では、下記の項目について説明します:

プレーヤーのレイアウトを変更する

シングル動画プレーヤーとサイトに最適なレイアウトを選択します。動画のタイトル、再生ボタンのサイズ、プレーヤーに動画コントローラを表示するかどうかを選択できます。

プレーヤーのレイアウトを変更する方法:

  1. エディタで Wix シングル動画プレーヤーをクリックします。
  2. レイアウト」アイコン  をクリックします。
  3. 利用可能なオプションを使用して、シングル動画プレーヤーのレイアウトをカスタマイズします:
    • 動画タイトルを表示:トグルをクリックして、プレーヤーで動画のタイトルを表示または非表示にします。有効にした場合は、テキストボックスに動画のタイトルを入力します。
    • 再生ボタンサイズ:動画の再生ボタンのサイズを選択します。
    • 動画再生時にコントローラを表示:動画のボタンを表示するタイミング(ホバーで再生または表示しない)を選択します。

プレーヤーのデザインをカスタマイズする

カバー画像の選択、枠線、影付きのフレーミングなど、シングル動画プレーヤーのデザインを自由にカスタマイズできます。

プレーヤーのデザインをカスタマイズする方法:

  1. エディタで Wix シングル動画プレーヤーをクリックします。
  2. デザイン」アイコン  をクリックします。
  3. 利用可能なオプションを使用して、シングル動画プレーヤーのデザインをカスタマイズします:
    • カバー画像
      • 動画用に自動生成されたカバー画像を選択するか、独自のカバー画像をアップロードします。
      • フェードアウト:有効にすると、サイト訪問者が再生ボタンをクリックしたときにカバー画像がフェードアウトします。
    • 不透明度・色
      • オーバーレイ不透明度・色:背景色を選択し、背景の不透明度を調整します。
    • 枠線:
      • 不透明度・色:枠線の色を選択し、枠線の不透明度を調整します。
      • 太さ:枠線の太さを設定します。
    • 影:
      • 影を表示する:シングル動画プレーヤーに影を追加します。
      • 角度:影が表示される角度を設定します。
      • 位置:シングル動画プレーヤーの背後に表示される影の位置を設定します。
      • サイズ:シングル動画プレーヤーの背後に表示される影のサイズを選択します。
      • ぼかし:影のぼかしを選択します。 
      • 不透明度・色:影の色を選択し、影の不透明度を調整します。
    • テキスト:
      • タイトル・再生ボタン:タイトルと再生ボタンの色を選択します。
      • スタイル:ドロップダウンからテキストのスタイルを選択します。
      • フォント:ドロップダウンからフォントの種類を選択します。
      • 文字サイズ:文字サイズを選択します。
      • テキストを斜体または太字にするかを選択します。

プレーヤーにアニメーション効果を追加する

アニメーションを使用してインパクトを与え、サイトにクールなエフェクトを追加し、プレーヤーを目立たせることで、サイト訪問者の注意を引くことができます。

テンプレートから好きなアニメーションの種類を選択したら、さらにカスタマイズすることができます。アニメーションを再生する強さ、進行方向、アニメーションをいつ再生するかを選択します。

プレーヤーにアニメーション効果を追加する方法:

  1. エディタで Wix シングル動画プレーヤーをクリックします。
  2. アニメーション」アイコン  をクリックします。
  3. 使用するアニメーションを選択します。
  4. カスタマイズ」をクリックして、アニメーションに変更を加えます。
    注意:カスタマイズオプションは、選択したアニメーション効果によって異なります。

お役に立ちましたか?

|