Efecto Icono de reproductor de vídeo

Última actualización: 2023-05-23
  • Creado para:
  • Developer
    User

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

En esta página