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:

.s7video360viewer .s7controlbar

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

primi
Posizione dal bordo superiore, inclusa la spaziatura.
in basso
Posizione dal bordo inferiore, inclusa la spaziatura.
altezza
Altezza della barra di controllo.
colore di sfondo
Colore di sfondo della barra di controllo.

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

.s7video360viewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8