Efecto Icono de reproductor de vídeo
Última actualización: 22 de julio de 2024
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 fondo | La 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. |
ancho | La anchura del icono de reproducción. |
altura | Altura 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