Effetto icona

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

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

In questa pagina