Barra di controllo control-bar

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:

.s7videoviewer .s7controlbar

Proprietà CSS della barra di controllo css-properties-of-the-control-bar

Esempio section-e8caea0a303c425a8a637c2a47c06355

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

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