コントロールバー

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

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

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

.s7smartcropvideoviewer .s7controlbar

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

トップ

パディングを含む上の境界線からの位置。

パディングを含む下の境界線からの位置。

height

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

background-color

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

高さが 30 ピクセルで、スマート切り抜きビデオビューアコンテナの上に配置されるグレーのコントロールバーを持つスマート切り抜きビデオビューアを設定するには、次の手順に従います。

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

このページ