La barre de contrôle est la zone rectangulaire qui contient et se trouve derrière tous les contrôles de l’interface utilisateur disponibles pour la visionneuse de vidéos, tels que les commandes de lecture/pause et de volume.
La barre de contrôle prend toujours toute la largeur de la visionneuse disponible. Il est possible de modifier sa couleur, sa hauteur et sa position verticale par CSS, par rapport au conteneur de la visionneuse de vidéos.
Le sélecteur de classe CSS suivant contrôle l’aspect de la barre de contrôle :
.s7video360viewer .s7controlbar
haut |
Position à partir de la bordure supérieure, y compris la marge intérieure. |
bas |
Position à partir de la bordure inférieure, y compris la marge intérieure. |
height |
Hauteur de la barre de contrôle. |
arrière-plan-couleur |
Couleur d’arrière-plan de la barre de contrôle. |
Exemple : pour configurer une visionneuse de vidéos avec une barre de contrôle grise de 30 pixels de haut et située en haut du conteneur de la visionneuse de vidéos.
.s7video360viewer .s7controlbar {
position: absolute;
top: 0px;
height: 30px;
background-color: rgb(51, 51, 51);
}