La barra di controllo è l’area rettangolare che contiene e si trova dietro tutti i controlli dell’interfaccia utente disponibili per il visualizzatore video, come il pulsante di riproduzione/pausa e i controlli del volume.
La barra di controllo occupa sempre l’intera larghezza del visualizzatore disponibile. È possibile modificarne il colore, l’altezza e la posizione verticale per CSS, rispetto al contenitore del visualizzatore video.
Il seguente selettore di classe CSS controlla l’aspetto della barra di controllo:
.s7videoviewer .s7controlbar
top |
Posizione dal bordo superiore, inclusa la spaziatura. |
bottom |
Posizione dal bordo inferiore, inclusa la spaziatura. |
height |
Altezza della barra di controllo. |
colore di sfondo |
Colore di sfondo della barra di controllo. |
Per impostare un visualizzatore video con una barra di controllo grigia alta 30 pixel e posizionato nella parte superiore del contenitore del visualizzatore video.
.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}