Effetto icona icon-effect

L'icona di riproduzione è sovrapposta all'area di visualizzazione principale. Viene visualizzato quando il video viene messo in pausa o quando viene raggiunta la fine del video, e dipende anche dal parametro iconeffect.

L’aspetto dell’icona di riproduzione è controllato dal seguente selettore di classe CSS:

.s7videoviewer . s7videoplayer .s7iconeffect

Proprietà CSS dell’icona Riproduci

background-image
Immagine visualizzata per l'icona di riproduzione.
background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Consulta Spunti CSS.

width
Larghezza dell'icona di riproduzione.
height
Altezza dell'icona di riproduzione.

L'effetto Icona supporta state selettore di attributi. Quando state="play" viene utilizzato quando il video viene messo in pausa nel mezzo della riproduzione e state="replay" viene utilizzato quando la testina di riproduzione si trova alla fine del flusso.

Esempio section-e8caea0a303c425a8a637c2a47c06355

Impostare un'icona di riproduzione di 100 x 100 pixel.

.s7videoviewer .s7videoplayer .s7iconeffect {
 width: 100px;
 height: 100px;}
.s7videoviewer .s7videoplayer .s7iconeffect[state="play"] {
background-image: url(images/playIcon.png);
}
.s7videoviewer .s7videoplayer .s7iconeffect[state="replay"] {
background-image: url(images/replayIcon.png);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8