Kontrollleiste control-bar

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

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:

.s7interactivevideoviewer .s7controlbar

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

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 section-e8caea0a303c425a8a637c2a47c06355

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

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