コントロールバー

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

コントロールバーは、ビューアの幅いっぱいに表示されます。カラー、高さおよびビデオビューアのコンテナに対する垂直方向の位置は、CSSで変更できます。

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

.s7videoviewer .s7controlbar

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

高さが30ピクセルで、ビデオビューアコンテナの上部に配置するグレーのコントロールバーを持つビデオビューアを設定するには、次のように記述します。

.s7videoviewer .s7controlbar {  
position: absolute; 
top: 0px; 
height: 30px; 
background-color: rgb(51, 51, 51); 
}