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
immagine di sfondo |
Immagine visualizzata per l’icona di riproduzione. |
posizione di sfondo |
Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS. Vedi Sprite 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 al centro della riproduzione, e state="replay"
viene utilizzato quando la testina di riproduzione si trova alla fine del flusso.
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);
}