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

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

プレーヤーの Styling 設定を行うには、次の手順に従ってください。

Players モジュールを開きます。
設定したいプレーヤーのリンクをクリックします。
Overview タブの Styling セクションを展開します。

次のスタイル設定を行うことができます。

プレイリストの種類
タイトルと説明
再生ボタンの形状
再生ボタンの位置
カラーテーマ
ロゴオーバーレイ

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

プレイリストの種類

Playlist Type 設定は、プレイリストの表示方法を制御します。このオプションは、Player Information プロパティの一部として Player Type が Playlist に設定されている場合にのみ表示されます。次のオプションが利用可能です。

Below - プレーヤーに横型のプレイリストを表示します
On the side - プレーヤーに縦型のプレイリストを表示します
None - プレイリストは非表示になります

タイトルと説明

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

再生ボタンの形状

Play Button Shape 設定は、再生ボタンの形状を制御します。次の形状がサポートされています。

Circle
Square
Rectangle

再生ボタンの位置

Play Button Position 設定は、プレーヤー内の再生ボタンの位置を制御します。次の位置がサポートされています。

Center
Top Left
Top Right

カラーテーマ

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

次のテーマカラーを設定できます。

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

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

テーマカラーをクリックしてカラーピッカーを開きます。
コントロールの右側にある色をクリックします。
正方形内をクリックして、希望する色の色合いを選択します。色は、色相・彩度・明度（HSV）カラーモデルをテキストコントロールに入力して設定することもできます。
カラースクエアの下にあるスライダーを使用して、コントロールの不透明度を設定できます。
別のテーマカラーを変更するには、カラーピッカーの外をクリックします。

Reset theme チェックボックスを選択すると、再生ボタンとプログレスバーの色がピンク系に設定されます。

ロゴオーバーレイ

ロゴオーバーレイは、プレーヤーの上に表示される画像です。

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

Logo Overlay を On に設定します。
Browse をクリックし、オーバーレイ画像を選択します（.png、.jpg、.gif 形式に対応）。
（任意）Logo URL を入力します。オーバーレイがクリックされると、この URL が新しいブラウザタブで開きます。
オーバーレイの Logo Position を選択します。
- Bottom Right
- Bottom Left
- Top Right