コントロールバー control-bar

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

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

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

.s7video360viewer .s7controlbar

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

トップ
パディングを含む上の境界線からの位置。
パディングを含む下の境界線からの位置。
height
コントロールバーの高さ。
background-color
コントロールバーの背景色。

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

.s7video360viewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8