Video-Scrubber video-scrubber

Der Video-Scrubber ist der horizontale Schieberegler, mit dem Benutzende dynamisch nach einer beliebigen Position innerhalb des aktuell wiedergegebenen Videos suchen können.

Der Scrubber-Regler bewegt sich während der Videowiedergabe auch, um die aktuelle Zeitposition des Videos während der Wiedergabe anzuzeigen. Der Video-Scrubber nimmt immer die gesamte Breite der Steuerleiste ein. Es ist möglich, den Video-Scrubber mithilfe von CSS mit Haut zu versehen und seine Höhe und vertikale Position zu ändern.

Das allgemeine Erscheinungsbild des Video-Scrubbers wird mit dem folgenden CSS-Klassenselektor gesteuert:

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

CSS-Eigenschaften des Video-Scrubbers

Die folgenden CSS-Klassenselektoren verfolgen Hintergrund-, Wiedergabe- und Lastindikatoren:

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

CSS-Eigenschaften der Spur

Der folgende CSS-Klassenselektor steuert den Regler:

.s7mixedmediaviewer .s7videoscrubber .s7knob

CSS-Eigenschaften des Reglers

Der folgende CSS-Klassenselektor steuert die wiedergegebene Zeitblase:

.s7mixedmediaviewer .s7videoscrubber .s7videotime

CSS-Eigenschaften der wiedergegebenen Zeitblase

Die QuickInfo des Video-Scrubbers kann lokalisiert werden. Siehe Lokalisierung von Benutzeroberflächenelementen für weitere Informationen.

Beispiel section-e8caea0a303c425a8a637c2a47c06355

Richten Sie einen Viewer für gemischte Medien mit einem Video-Scrubber mit benutzerdefinierten Spurfarben ein, der 10 Pixel hoch ist und 10 Pixel und 35 Pixel vom oberen und linken Rand der Steuerleiste positioniert.

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