プレーヤーのスタイリング

このトピックでは、Players モジュールを使用して設定可能なプレーヤーのスタイリング設定の概要を説明します。
 

基本的なプレーヤーのスタイリング オプションは、Players モジュールを使用して設定できます。Brightcove Player を完全にカスタマイズするには、Cascading Style Sheets(CSS)を使用する必要があります。CSS を使用したプレーヤーの外観カスタマイズについての詳細は、ステップ バイ ステップ:プレーヤーカスタマイズ の開発者向けドキュメントをご覧ください。

プレーヤーの スタイリング 設定を行うには、以下の手順に従ってください:

  1. Players モジュールを開きます。
  2. 設定したいプレーヤーのリンクをクリックします。
  3. 左側のナビゲーションメニューから スタイル設定 をクリックします。
style menu

以下のスタイル設定が可能です:

変更を加えた後は、変更内容が反映されるようにプレーヤーを公開してください。

プレイリストの種類

プレイリストの種類 設定では、プレイリストの表示方法を制御します。このオプションは、プレーヤー情報 プロパティで プレーヤーの種類プレイリスト に設定されている場合にのみ表示されます。以下のオプションが利用可能です:

  • 横型プレイリスト - プレーヤーに横型のプレイリストを表示します。
  • 縦型プレイリスト - プレーヤーに縦型のプレイリストを表示します。
  • 非表示プレイリスト - プレイリストを表示しません。

タイトルと説明

タイトルと説明を表示 を選択すると、プレーヤー上に動画のタイトルと説明が表示されます。

video title

再生ボタンの形状

再生ボタンの形状 設定では、再生ボタンの形状を制御します。以下の形状がサポートされています:

  • 円形
  • 正方形
  • 長方形

再生ボタンの位置

再生ボタンの位置 設定では、プレーヤー内の再生ボタンの配置場所を制御します。以下の位置がサポートされています:

  • 中央
  • 左上
  • 右上

カラーテーマ

カラーテーマ の設定では、プレーヤー内の再生/一時停止ボタン、経過時間と音量、キャプション、全画面表示および共有アイコンなどに使用される色を制御します。

以下のテーマカラーを設定できます:

  • メイン - 大きな再生ボタン、プログレスバー、音量レベルの色を制御します
  • 背景 - プレーヤーコントロールの背景色を制御します
  • アイコン - 再生ボタン内の矢印およびプレーヤーコントロールバー内のアイコンの色を制御します

テーマカラーを変更するには:

  1. 変更したいテーマカラーをクリックしてカラーピッカーを開きます。
  2. コントロールの右側にある色をクリックします。
  3. 正方形内をクリックして希望する色の色合いを選択します。色は、色相・彩度・明度(HSV)カラーモデルをテキスト入力で設定することも可能です。
    icon color
  4. カラースクエアの下にあるスライダーを使用して、コントロールの不透明度を設定できます。
  5. 別のテーマカラーを変更するには、カラーピッカーの外をクリックします。
以前のプレーヤーのデフォルトテーマに戻す チェックボックスを選択すると、再生ボタンとプログレスバーの色がピンク系に設定されます。

ロゴ オーバーレイ

ロゴ オーバーレイは、プレーヤーの上に表示される画像です。以下にサンプルのロゴオーバーレイが表示されています。

ロゴ オーバーレイを追加するには:

  1. ロゴ オーバーレイオン に設定します。
  2. 参照 をクリックし、オーバーレイ画像を選択します(.png、.jpg、.gif 形式に対応)。
  3. (任意)ロゴ URL を入力します。オーバーレイがクリックされると、この URL が新しいブラウザタブで開きます。
  4. オーバーレイの ロゴ位置 を選択します:
    • 右下
    • 左下
    • 右上