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 di video Ritaglio avanzato, 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 Visualizzatore video ritaglio avanzato.
Il seguente selettore di classe CSS controlla l'aspetto della barra di controllo:
.s7smartcropvideoviewer .s7controlbar
Proprietà CSS della barra di controllo css-properties-of-the-control-bar
Esempio section-e8caea0a303c425a8a637c2a47c06355
Per impostare un visualizzatore Ritaglio video automatico con una barra di controllo grigia alta 30 pixel e posizionata nella parte superiore del contenitore del visualizzatore Ritaglio video automatico.
.s7smartcropvideoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}