Steuerungsleiste

Die Steuerleiste ist der rechteckige Bereich, der alle für den Video-Viewer verfügbaren Steuerelemente der Benutzeroberfläche enthält und darunter liegt, wie z. B. die Schaltfläche zum Abspielen/Anhalten, Lautstärkeregler usw.

Die Steuerungsleiste nimmt immer die gesamte verfügbare Viewer-Breite ein. Sie können die Farbe, Höhe und vertikale Position mit CSS relativ zum Video-Viewer-Container ändern.

Der folgende CSS-Klassenselektor steuert das Erscheinungsbild der Steuerleiste:

.s7videoviewer .s7controlbar

CSS-Eigenschaften der Steuerleiste

Anfang

Position vom oberen Rand, einschließlich Auffüllung.

unten

Position vom unteren Rand, einschließlich Auffüllung.

height

Höhe der Steuerleiste.

background-color

Hintergrundfarbe der Steuerleiste.

Beispiel

So richten Sie einen Video-Viewer mit einer grauen Steuerungsleiste ein, die 30 Pixel hoch 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

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now