DocumentaciónGuía de referencia de visores de Dynamic Media

Efecto Icono de reproductor de vídeo

Última actualización: 22 de julio de 2024
  • Temas:

Creado para:

  • Desarrollador
  • Usuario

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

imagen de fondoLa imagen mostrada para el icono de reproducción.
posición de fondo

Coloque dentro del icono de ilustración si se utilizan iconos CSS.

Ver Sprites CSS.

anchoLa anchura del icono de reproducción.
alturaAltura del icono de reproducción.

El efecto de icono admite el selector de atributos state. El selector state="play" se usa cuando el vídeo se pone en pausa en mitad de la reproducción, y state="replay" se usa 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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8