Effet d’icône du lecteur vidéo video-player-icon-effect

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

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

.s7mixedmediaviewer . s7videoplayer .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 state="play" est utilisé lorsque la vidéo est interrompue au milieu de la lecture et state="replay" lorsque la tête de lecture se trouve à la fin du flux.

Exemple section-e8caea0a303c425a8a637c2a47c06355

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

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