Scorrimento video video-scrubber
Lo scorrimento video è il dispositivo di scorrimento orizzontale che consente all’utente di cercare dinamicamente una posizione temporale all’interno del video attualmente in riproduzione.
La "manopola" di scorrimento si sposta anche durante la riproduzione del video per indicare la posizione temporale corrente del video durante la riproduzione. Lo scorrimento video occupa sempre l'intera larghezza della barra di controllo. È possibile applicare lo skin allo scorrimento del video e modificarne l’altezza e la posizione verticale, utilizzando gli stili CSS.
L’aspetto generale dello scorrimento dei video è controllato dal seguente selettore di classe CSS:
.s7mixedmediaviewer .s7videoscrubber
.s7mixedmediaviewer .s7videoscrubber .s7videotime
.s7mixedmediaviewer .s7videoscrubber .s7knob
Proprietà CSS dello scorrimento video
I seguenti selettori di classi CSS tengono traccia degli indicatori di sfondo, riproduzione e caricamento:
.s7mixedmediaviewer .s7videoscrubber .s7track
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed
Proprietà CSS del brano
Il seguente selettore di classe CSS controlla la manopola:
.s7mixedmediaviewer .s7videoscrubber .s7knob
Proprietà CSS della manopola
Il seguente selettore di classe CSS controlla la bolla del tempo riprodotto:
.s7mixedmediaviewer .s7videoscrubber .s7videotime
Proprietà CSS dell'indicatore del tempo riprodotto
La descrizione comando dello scorrimento video può essere localizzata. Per ulteriori informazioni, vedere Localizzazione degli elementi dell'interfaccia utente.
Esempio section-e8caea0a303c425a8a637c2a47c06355
Impostare un visualizzatore di file multimediali diversi con uno scorrimento video con colori di brano personalizzati alti 10 pixel e posizionati a 10 pixel e a 35 pixel dai bordi superiore e sinistro della barra di controllo.
.s7mixedmediaviewer .s7videoscrubber {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7mixedmediaviewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}