Lo scorrimento video è il dispositivo di scorrimento orizzontale che consente all'utente di cercare in modo dinamico qualsiasi 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 scorrimento del video in skin e modificarne l’altezza e la posizione verticale utilizzando CSS.
L’aspetto generale dello scorrimento video è controllato con il seguente selettore di classe CSS:
.s7mixedmediaviewer .s7videoscrubber
.s7mixedmediaviewer .s7videoscrubber .s7videotime
.s7mixedmediaviewer .s7videoscrubber .s7knob
Proprietà CSS dello scorrimento video
top |
Posizione dal bordo superiore, inclusa la spaziatura. |
bottom |
Posizione dal bordo inferiore, inclusa la spaziatura. |
height |
Altezza dello scorrimento video. |
colore di sfondo |
Colore dello scorrimento video. |
I seguenti selettori di classe CSS tengono traccia degli indicatori di sfondo, riproduzione e caricamento:
.s7mixedmediaviewer .s7videoscrubber .s7track
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed
Proprietà CSS del brano
altezza |
Altezza del brano corrispondente. |
colore di sfondo |
Colore del brano corrispondente. |
Il seguente selettore di classe CSS controlla la manopola:
.s7mixedmediaviewer .s7videoscrubber .s7knob
Proprietà CSS della manopola
top |
Offset a manopola verticale. |
width |
Larghezza della manopola. |
altezza |
Altezza della manopola. |
immagine di sfondo |
Lavori d'arte. |
posizione di sfondo |
Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS. Vedi Sprite CSS . |
Il seguente selettore di classe CSS controlla la bolla temporale riprodotta:
.s7mixedmediaviewer .s7videoscrubber .s7videotime
Proprietà CSS della bolla temporale riprodotta
font-family |
Famiglia di font da utilizzare per il testo di visualizzazione dell'ora. |
font-size |
Dimensione del font da utilizzare per il testo visualizzato in base all'ora. |
color |
Il colore del font da utilizzare per il testo visualizzato in base all'ora. |
larghezza |
Larghezza area bolla. |
altezza |
Altezza dell'area della bolla. |
spaziatura interna |
Spaziatura dell'area della bolla. |
immagine di sfondo |
Illustrazione a bolle. |
posizione di sfondo |
Posizione all’interno dello sprite di un’immagine, se vengono utilizzati gli spriti CSS. Vedi Sprite CSS . |
text-align |
Allineamento del testo con l'area della bolla. |
È possibile localizzare la descrizione comandi per lo scorrimento video. Vedi Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.
Configura un visualizzatore per file multimediali diversi con uno scorrimento video con colori di traccia personalizzati alti 10 pixel e posizionati 10 pixel e 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;
}