コントロールバーは、再生/一時停止ボタン、ボリュームコントロールなど、ビデオビューアで使用できるすべてのUIコントロールを含み、その背後に配置される矩形の領域です。
コントロールバーは、ビューアの幅いっぱいに表示されます。 カラー、高さおよびビデオビューアのコンテナに対する垂直方向の位置は、CSSで変更できます。
以下に示すCSSクラスセレクターで、コントロールバーの外観を制御します。
.s7videoviewer .s7controlbar
トップ |
パディングを含む上の境界線からの位置。 |
下 |
パディングを含む下の境界線からの位置。 |
height |
コントロールバーの高さ。 |
background-color |
コントロールバーの背景色。 |
高さが30ピクセルで、ビデオビューアコンテナの上部に配置するグレーのコントロールバーを持つビデオビューアを設定するには、次のように記述します。
.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}