プレイリストのスタイリング

概要

プレイリストの外観を変更したい場合は、CSS を使用して実現できます。このドキュメントでは、変更可能なさまざまなスタイルを紹介します。もちろん、変更できる内容は非常に多く、目的に応じて適切なセレクターを見つける必要があります。

縦型プレイリストのスタイリング

以下の図は、縦型プレイリストで変更されるスタイルの概要を示したものです。図の後には対応するスタイルの一覧表があります。

横型プレイリストのスタイリング

以下の図は、横型プレイリストで変更されるスタイルの概要を示したものです。図の後には対応するスタイルの一覧表があります。

スクロールバーを非表示にする

横型プレイリストではスクロールバーは不要ですが、表示される場合があります。スクロールバーを非表示にしたい場合は、次のスタイルを使用します：

      div.vjs-playlist.vjs-playlist-horizontal {
        overflow-y: hidden;
      }

以下のスクリーンショットは、スクロールバーが表示されている状態と、非表示にした状態を示しています。