コントロールバー control-bar

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

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

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

.s7smartcropvideoviewer .s7controlbar

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

例 section-e8caea0a303c425a8a637c2a47c06355

高さが 30 ピクセルで、スマート切り抜きビデオビューアコンテナの上部に配置されたグレーのコントロールバーを使用してスマート切り抜きビデオビューアを設定します。

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