Efecto Icono icon-effect

El icono de reproducción se superpone en el área de vista principal. 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:

.s7smartcropvideoviewer . s7smartcropvideoplayer .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. 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 section-e8caea0a303c425a8a637c2a47c06355

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

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