コントロールバー

最終更新日: 2022-01-26
  • 作成対象:
  • Developer
    User

コントロールバーは、再生/一時停止ボタン、ボリュームコントロールなど、ビデオビューアで使用できるすべてのユーザインターフェイスコントロールを含み、その背後に配置される長方形の領域です。

コントロールバーは、常に、使用可能なビューアの幅全体を占めます。 ビデオビューアのコンテナを基準に、CSS で色、高さおよび垂直方向の位置を変更できます。

以下に示す CSS クラスセレクターで、コントロールバーの外観を制御します。

.s7mixedmediaviewer .s7controlbar

コントロールバーの CSS プロパティ

height

コントロールバーの高さ。

background-color

コントロールバーの背景色。

高さが 30 ピクセルのグレーのコントロールバーを持つ混在メディアビューアを設定するには

.s7mixedmediaviewer .s7controlbar {
height: 30px;
background-color: rgb(51, 51, 51);
}

このページ