Efecto del icono del reproductor de vídeo

El icono de reproducción 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

imagen de fondo

La imagen mostrada para el icono de reproducción.

posición de fondo

Sitúe 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 está en pausa en mitad de la reproducción y state="replay" se utiliza cuando el cabezal de reproducción está al final de la emisión.

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

En esta página