Videoskrubber video-scrubber

Videonavigeringen är den vågräta skjutreglaget som gör att en användare dynamiskt kan söka till valfri tidsposition i den video som spelas upp.

Rubbens 'knob' rör sig också när videon spelas upp för att ange videons aktuella tidsposition under uppspelningen. Videonavigeringslisten har alltid hela kontrollfältets bredd. Det går att skalförändra videonavigeringslisten och ändra dess höjd och lodräta position med hjälp av CSS.

Videonavigeringens allmänna utseende styrs med följande CSS-klassväljare:

.s7mixedmediaviewer .s7videoscrubber
.s7mixedmediaviewer .s7videoscrubber .s7videotime
.s7mixedmediaviewer .s7videoscrubber .s7knob

CSS-egenskaper för videonavigeringsprogrammet

Följande CSS-klassväljare spårar indikatorerna för bakgrund, uppspelning och inläsning:

.s7mixedmediaviewer .s7videoscrubber .s7track
.s7mixedmediaviewer .s7videoscrubber .s7trackloaded
.s7mixedmediaviewer .s7videoscrubber .s7trackplayed

CSS-egenskaper för spåret

Följande CSS-klassväljare styr ratten:

.s7mixedmediaviewer .s7videoscrubber .s7knob

CSS-egenskaper för ratten

Följande CSS-klassväljare styr den tid som spelas upp:

.s7mixedmediaviewer .s7videoscrubber .s7videotime

CSS-egenskaper för bubblan för uppspelning

Verktygstipset för videospolning kan lokaliseras. Mer information finns i Lokalisering av användargränssnittselement.

Exempel section-e8caea0a303c425a8a637c2a47c06355

Skapa ett blandat visningsprogram för media med en videobub med anpassade spårfärger som är 10 pixlar höga och placerade 10 pixlar och 35 pixlar från kontrollfältets övre och vänstra kanter.

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