L’icône Lecture est superposée sur la zone d’affichage de la vidéo. 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 :
.s7mixedmediaviewer . 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 Sprites CSS . |
width |
Largeur de l’icône de lecture. |
height |
Hauteur de l’icône de lecture. |
L’effet d’icône prend en charge state
sélecteur d’attributs. Le sélecteur state="play"
est utilisée 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.
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);
}