Barre de contrôle control-bar

La barre de contrôle est la zone rectangulaire qui contient tous les commandes de l’interface utilisateur disponibles pour la visionneuse de vidéos avec recadrage intelligent, telles 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 avec recadrage intelligent.

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

.s7smartcropvideoviewer .s7controlbar

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

Exemple section-e8caea0a303c425a8a637c2a47c06355

Pour configurer une visionneuse de vidéos avec recadrage intelligent avec une barre de contrôle de 30 pixels de haut et située en haut du conteneur de la visionneuse de vidéos avec recadrage intelligent.

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