Effetto icona icon-effect

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

L'effetto icona supporta il selettore di attributi state. Quando state="play" viene utilizzato quando il video viene messo in pausa durante la riproduzione e state="replay" viene utilizzato quando l'indicatore di riproduzione si trova alla fine del flusso.

Esempio section-e8caea0a303c425a8a637c2a47c06355

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