Efecto de icono del reproductor de vídeo

El icono de reproducción se superpone en el área de vista de vídeo. 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:

.s7mixedmediaviewer . 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.

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

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free