スキンとプレーヤー バージョン

このトピックでは、Brightcove Player 1.x 用のスキンと、Brightcove Player 5.x、6.x、7.x 用のスキンの違いについて説明します。本書では、Brightcove Player 5.x、6.x、7.x は同じスキンを使用できるため、まとめて 5+ プレーヤーと呼びます。

概要

以下は Brightcove Player スキンに関する概要です。

  • Video Cloud Studio で作成され、Styling セクションで編集されたプレーヤーは、新しいスキン sapphire を使用します。
  • Brightcove Player 5+ のインスタンスは、luna と呼ばれるスキンを使用します。
  • バージョン 5.x へのグローバル更新以前から存在していたプレーヤーは、1.x スキン graphite のまま残っています。

現在のスキンの判別

プレーヤーが (graphite)、(luna)、または (sapphire) のどのスキンを使用しているかを簡単に判別する方法は、初期の再生ボタン(CSS 名 vjs-big-play-button)を確認することです。

  • 最初のスクリーンショットは、プレーヤー左上付近に矩形の大きな再生ボタンがある 1.x スキンを示しています。
  • 2番目のスクリーンショットは、中央に円形の大きな再生ボタンがある 5+ スキンを示しています。また、5+ スキンでは動画タイトルが自動的に表示される点にも注目してください。
  • 3番目のスクリーンショットも中央に円形の大きな再生ボタンがある 5+ スキンを示しています。Luna と Sapphire のスキンの違いは、再生ボタンの色のみである点に注意してください。
1x skin
5x skin
5x skin

中央に円形のボタンがあるからといって、必ずしも 5+ スキンとは限りません。1.x のボタンでも CSS を使ってカスタマイズできるためですが、一般的には有力な判断材料になります。

1.x と 5+ スキンの外観やスタイリングを変更するためのドキュメントが存在します。以下の表に利用可能なドキュメントをまとめています。

5+ スキン関連ドキュメント 1.x スキン関連ドキュメント
プレーヤー外観のカスタマイズ 水平ボリュームコントロール
ステップ・バイ・ステップ:プレーヤーカスタマイズ

その他の外観やスタイリングに関するドキュメントは、スキン固有ではありません。