Barra di controllo

La barra di controllo è l'area rettangolare che contiene e si trova dietro tutti i controlli dell'interfaccia utente disponibili per il visualizzatore video, ad esempio il pulsante di riproduzione/pausa e i controlli del volume.

La barra di controllo accetta sempre l’intera larghezza disponibile del visualizzatore. È possibile modificarne il colore, l’altezza e la posizione verticale in base agli stili CSS, rispetto al contenitore del visualizzatore video.

Il seguente selettore di classe CSS controlla l'aspetto della barra di controllo:

.s7interactivevideoviewer .s7controlbar

Proprietà CSS della barra di controllo

top

Posizione dal bordo superiore, inclusa la spaziatura.

bottom

Posizione dal bordo inferiore, inclusa la spaziatura.

height

Altezza della barra di controllo.

background-color

Colore di sfondo della barra di controllo.

Esempio

Per impostare un visualizzatore video con una barra di controllo grigia alta 30 pixel e posizionata nella parte superiore del relativo contenitore.

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

In questa pagina