コントロールバー

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

コントロールバーは、常に、ビューアの幅全体に合わせて表示されます。 CSSで、ビデオビューアのコンテナに対するカラー、高さ、垂直方向の位置を変更できます。

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

.s7interactivevideoviewer .s7controlbar

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

トップ

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

下

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

height

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

background-color

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

例

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

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

このページ