> For the complete documentation index, see [llms.txt](https://catenoid-support.gitbook.io/kollus-player-jp/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://catenoid-support.gitbook.io/kollus-player-jp/kollus-video-player/player-skin.md).

# Player Skin

{% hint style="info" icon="bullhorn" %}

## 新しいKollus Docsサイトにて、本ドキュメントの最新バージョンをご確認いただけます。

本ドキュメントは旧バージョンです。より正確で最新の情報は、以下の新しいリンク先よりご確認ください。

* **新ドキュメント（最新版）**：[カスタムスキン設定](https://docs.kollus.com/ja/service-guide/vod/kollus-player/skin/)
* **提供終了のご案内**：本ドキュメントは2026年11月5日をもって公開を終了いたします。
  {% endhint %}

Player Skinを設定することでコンテンツを再生するPlayerの外見を変更することができます。Player Skinの適用はHTML5 Player(V4)のみ対応しており、Security Playerの場合適用されません。\
管理画面(CMS)の設定→詳細設定→プレーヤースキン広告から登録・編集することができます。Skinは最大10個まで登録することができます。\
なお、登録されたPlayer Skinはチャンネル単位に適用されるため、チャンネル編集ページから設定する必要があります。

<figure><img src="https://2720340067-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXHZoCETN8il08lqOg2xv%2Fuploads%2FxSrpJIOtbXI9EmRL5l1I%2Fplayerskin.jpg?alt=media&amp;token=702275e0-499e-4135-9ec2-b2be90ae91da" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2720340067-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FXHZoCETN8il08lqOg2xv%2Fuploads%2FCEPrleeyyWUHOghdkjwA%2Fskininput.jpg?alt=media&amp;token=e94a621c-53a1-4a8b-843c-98c2b66d2275" alt=""><figcaption></figcaption></figure>

Player Skinから設定可能な領域は以下の通りになります。

* Default Setting: 右クリックで表示するメニュを指定します。VOD/LIVEの中で選択し、選択によってContext Menu Styleが変わることが確認できます。
* Header: Background color, Background Alpha, Header Position, Title, Title Font Color, Title Font Sizeの指定
* Overlay button: Icon Color, Icon Alpha, Icon Image(100\*100以下のサイズ、PNG image色とAlphaはflash playerのみ対応)
* Control Bar: Icon color, Icon Alpha, Icon imageの指定(100\*100以下のサイズ、PNG imageの色とAlphaはflash playerのみ対応)
* Thumbnail: Background Color, Background Alpha, Loading Icon Colorの指定