El icono de reproducción se superpone en el área de la vista principal. Se muestra cuando se pone en pausa el vídeo 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:
.s7interactivevideoviewer . s7videoplayer .s7iconeffect
Propiedades CSS del icono de reproducción
background-image |
Imagen que se muestra para el icono de reproducción. |
background-position |
Colocar dentro de la ilustración sprite, si se utilizan sprites CSS. Consulte Sprites CSS . |
width |
Ancho del icono de reproducción. |
height |
Altura del icono de reproducción. |
El efecto Icono admite el selector de atributos state
. state="play"
se utiliza cuando el vídeo se pone en pausa durante la reproducción y state="replay"
se utiliza cuando el cursor de reproducción se encuentra al final del flujo.
Configure un icono de reproducción de 100 x 100 píxeles.
.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);
}