Icona, effetto

L'icona di riproduzione viene 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 viene controllato con il seguente selettore di classe CSS:

.s7videoviewer . s7videoplayer .s7iconeffect

Proprietà CSS dell’icona di riproduzione

L’effetto icona supporta state selettore di attributi. Quando state="play" viene utilizzato quando il video viene messo in pausa al centro della riproduzione, e state="replay" viene utilizzato quando la testina di riproduzione si trova alla fine del flusso.

Esempio

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