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 il selettore di attributi state. 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); 
}