コントロールバー control-bar

コントロールバーは、再生/一時停止ボタンや音量コントロールなど、ビデオビューアで使用できるすべての UI コントロールの背後にある、を含む長方形領域です。

コントロールバーは常に、使用可能なビューアの幅全体を取ります。 色、高さ、垂直方向の位置を、ビデオビューアコンテナに対して CSS で変更できます。

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

.s7videoviewer .s7controlbar

コントロールバーの CSS プロパティ css-properties-of-the-control-bar

例 section-e8caea0a303c425a8a637c2a47c06355

ビデオビューアコンテナの上部に配置された、高さが 30 ピクセルのグレーのコントロールバーを持つビデオビューアをセットアップします。

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