Steuerleiste control-bar

Die Steuerleiste ist der rechteckige Bereich, der alle für den Video-Viewer verfügbaren Steuerelemente der Benutzeroberfläche, z. B. die Wiedergabe-/Pause-Schaltfläche und die Lautstärkeregler, enthält und sich hinter diesen befindet.

Die Steuerleiste nimmt immer die gesamte verfügbare Viewer-Breite ein. Es ist möglich, Farbe, Höhe und vertikale Position durch CSS relativ zum Video-Viewer-Container zu ändern.

Der folgende CSS-Klassenselektor steuert das Erscheinungsbild der Steuerleiste:

.s7video360viewer .s7controlbar

CSS-Eigenschaften der Steuerleiste css-properties-of-the-control-bar

Beispiel - Zum Einrichten eines Video-Viewers mit einer grauen Steuerleiste, die 30 Pixel hoch ist und sich oben im Video-Viewer-Container befindet.

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