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:

.s7video360viewer . s7video360player .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 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 - Configuración de un icono de reproducción de 100 x 100 píxeles.

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