La barra di controllo è l’area rettangolare che contiene e si trova dietro tutti i controlli dell’interfaccia utente disponibili per il visualizzatore Smart Crop Video, ad esempio 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 tramite CSS, rispetto al contenitore del visualizzatore video di ritaglio avanzato.
Il seguente selettore di classe CSS controlla l’aspetto della barra di controllo:
.s7smartcropvideoviewer .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 Ritaglio avanzato con una barra di controllo grigia alta 30 pixel e posizionato nella parte superiore del contenitore del visualizzatore video Ritaglio avanzato.
.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}