Effet d’icône icon-effect

L’icône de lecture est superposée sur la zone d’affichage principale. Il s’affiche lorsque la vidéo est mise en pause ou lorsque la fin de la vidéo est atteinte, et il dépend également du paramètre iconeffect.

L’aspect de l’icône de lecture est contrôlé par le sélecteur de classe CSS suivant :

.s7video360viewer . s7video360player .s7iconeffect

Propriétés CSS de l’icône de lecture

L’effet d’icône prend en charge le sélecteur d’attributs state. Le sélecteur d’attributs state="play" est utilisé lorsque la vidéo est mise en pause au milieu de la lecture et state="replay" est utilisé lorsque la tête de lecture se trouve à la fin du flux.

Exemple - Configurez une icône de lecture de 100 x 100 pixels.

.s7video360viewer .s7videoplayer .s7iconeffect {
 width: 100px;
 height: 100px;}
.s7video360viewer .s7videoplayer .s7iconeffect[state="play"] {
background-image: url(images/playIcon.png);
}
.s7video360viewer .s7videoplayer .s7iconeffect[state="replay"] {
background-image: url(images/replayIcon.png);
}