Kontrollleiste

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

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

Der folgende CSS-Klassenselektor steuert das Erscheinungsbild der Steuerleiste:

.s7videoviewer .s7controlbar

CSS-Eigenschaften der Steuerleiste

Anfang

Position vom oberen Rand, einschließlich Abstand.

unten

Position vom unteren Rand, einschließlich Abstand.

height

Höhe der Steuerleiste.

background-color

Hintergrundfarbe der Steuerleiste.

Beispiel

Um einen Video-Viewer mit einer grauen Steuerleiste einzurichten, die 30 Pixel groß ist und sich oben im Video-Viewer-Container befindet.

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

Auf dieser Seite