Barre de contrôle control-bar

La barre de contrôle est la zone rectangulaire qui contient et se trouve derrière toutes les commandes d’interface utilisateur disponibles pour la visionneuse vidéo, telles que le bouton lecture/pause et les commandes de volume.

La barre de contrôle prend toujours toute la largeur de visionneuse disponible. Il est possible de modifier sa couleur, sa hauteur et sa position verticale par CSS, par rapport au conteneur de la visionneuse vidéo.

Le sélecteur de classe CSS suivant contrôle l’apparence de la barre de contrôle :

.s7video360viewer .s7controlbar

Propriétés CSS de la barre de contrôle css-properties-of-the-control-bar

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 vidéo.

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