Effet Icône

L’icône de lecture est superposée sur la zone de vue principale. Il s’affiche lorsque la vidéo est en pause ou lorsque la fin de la vidéo est atteinte, et 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 :

.s7interactivevideoviewer . s7videoplayer .s7iconeffect

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

image d’arrière-plan

Image affichée pour l’icône de lecture.

arrière-plan-position

Positionnez l’objet à l’intérieur de 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. state="play" est utilisée lorsque la vidéo est en pause au milieu de la lecture et state="replay" est utilisée lorsque la tête de lecture se trouve à la fin du flux.

Exemple

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

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