Kontrollfält

Senast uppdaterad: 22 juli 2024
  • Ämnen:

Skapat för:

  • Utvecklare
  • Användare

Kontrollfältet är det rektangulära området som innehåller och sitter bakom alla UI-kontroller som är tillgängliga för visningsprogrammet, till exempel uppspelnings-/pausknappen och volymkontrollerna.

Kontrollfältet har alltid hela den tillgängliga visningsprogrambredden. Det går att ändra färgen, höjden och den lodräta positionen med CSS i förhållande till visningsprogrammets behållare.

Följande CSS-klassväljare styr kontrollfältets utseende:

.s7videoviewer .s7controlbar

CSS-egenskaper för kontrollfältet

övrePlacera från den övre kanten, inklusive utfyllnad.
nederkantPlacera från den nedre kanten, inklusive utfyllnad.
heightKontrollfältets höjd.
background-colorKontrollfältets bakgrundsfärg.

Exempel

Om du vill ställa in ett videovisningsprogram med ett grått kontrollfält som är 30 pixlar högt och som visas högst upp i visningsprogrammets behållare.

.s7videoviewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}
recommendation-more-help