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 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

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.

colore di sfondo

Colore di sfondo della barra di controllo.

Esempio

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);
}

In questa pagina