Effet 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 dépend également du paramètre d’effet iconique .

L’aspect de l’icône de lecture est contrôlé à l’aide du sélecteur de classe CSS suivant :

.s7interactivevideoviewer . s7videoplayer .s7iconeffect

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

background-image
Image affichée de l’icône de lecture.
arrière-plan-position

Position dans l’objet d’illustration, si des sprites CSS sont utilisés.

Voir CSS Sprites.

width
Largeur de l’icône de lecture.
height
Hauteur de l’icône de lecture.

L’effet Icône prend en charge le sélecteur d’attributs state. L’attribut 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 de la diffusion.

Exemple section-e8caea0a303c425a8a637c2a47c06355

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

.s7interactivevideoviewer .s7videoplayer .s7iconeffect {
 width: 100px;
 height: 100px;}
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="play"] {
background-image: url(images/playIcon.png);
}
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="replay"] {
background-image: url(images/replayIcon.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8