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:

.s7interactivevideoviewer . 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.

Consulta Sprite CSS .

width

Larghezza dell'icona di riproduzione.

height

Altezza dell'icona di riproduzione.

L’effetto icona supporta il selettore di attributi state. L’attributo 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.

.s7interactivevideoviewer .s7videoplayer .s7iconeffect { 
 width: 100px; 
 height: 100px;} 
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="play"] { 
background-image: url(images/playIcon.png); 
} 
.s7interactivevideoviewer .s7videoplayer .s7iconeffect[state="replay"] { 
background-image: url(images/replayIcon.png); 
}

In questa pagina