Efecto Icono de reproductor de vídeo | Adobe Experience Manager

El icono Reproducir se superpone en el área de vista de vídeo. Se muestra cuando el vídeo está en pausa o cuando se llega al final del vídeo y también depende del parámetro iconeffect.

El aspecto del icono de reproducción se controla con el siguiente selector de clase CSS:

.s7mixedmediaviewer . s7videoplayer .s7iconeffect

Propiedades CSS del icono de reproducción

background-image	La imagen mostrada para el icono de reproducción.
background-position	Coloque dentro del icono de ilustración si se utilizan iconos CSS. Consulte Sprites CSS .
width	La anchura del icono de reproducción.
height	Altura del icono de reproducción.

El efecto de icono admite state selector de atributos. El selector state="play" se utiliza cuando el vídeo se pone en pausa en mitad de la reproducción y state="replay" se utiliza cuando el cabezal de reproducción está al final del flujo.

Ejemplo

Configure un icono de reproducción de 100 x 100 píxeles.

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