Barre de contrôle

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 le bouton Lecture/Pause, les commandes de volume, etc.

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 en 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

Propriétés CSS de la barre de contrôle

haut

Position à partir de la bordure supérieure, y compris le remplissage.

bas

Position à partir de la bordure inférieure, y compris le remplissage.

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 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); 
}

Sur cette page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now