Videobauktor video-scrubber

Der Video-Scrubber ist das horizontale Regler-Steuerelement, mit dem ein Benutzer dynamisch an eine beliebige Zeitposition innerhalb des derzeit wiedergegebenen Videos suchen kann.

Der Scrubber-Knopf bewegt sich auch, während das Video abgespielt wird, um die aktuelle Zeitposition des Videos während der Wiedergabe anzugeben. Der Video-Scrubber nimmt immer die gesamte Breite der Steuerleiste ein. Es ist möglich, den Video-Scrubber per CSS zu belästigen, seine Höhe und vertikale Position zu ändern.

Das allgemeine Erscheinungsbild des Video-Scrubbers wird mit der folgenden CSS-Klassenauswahl gesteuert:

.s7smartcropvideoviewer .s7videoscrubber
.s7smartcropvideoviewer .s7videoscrubber .s7videotime
.s7smartcropvideoviewer .s7videoscrubber .s7knob

CSS-Eigenschaften des Video-Scrubbers

top
Position vom oberen Rand, einschließlich Abstand.
unten
Position vom unteren Rand, einschließlich Abstand.
Höhe
Höhe des Video-Scrubbers
background-color
Die Farbe des Video-Scrubbers

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

.s7smartcropvideoviewer .s7videoscrubber .s7track
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed

CSS-Eigenschaften des track

Höhe
Höhe der entsprechenden Strecke.
background-color
Die Farbe der entsprechenden Spur.

Der folgende CSS-Klassenselektor steuert den Knoten:

.s7smartcropvideoviewer .s7videoscrubber .s7knob

CSS-Eigenschaften des Knotens

top
Vertikaler Drehversatz.
width
Breite des Knopfes.
Höhe
Höhe des Knopfes.
background-image
Knob-Grafik.
background-position

Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.

Siehe CSS-Sprites.

Der folgende CSS-Klassenselektor steuert die Wiedergabedauer:

.s7smartcropvideoviewer .s7videoscrubber .s7videotime

CSS-Eigenschaften der Wiedergabedauer

Schriftfamilie
Die Schriftfamilie, die für die Zeitanzeige verwendet werden soll.
font-size
Die Schriftgröße, die für die Zeitanzeige verwendet wird.
color
Die Schriftfarbe für die Zeitanzeige.
width
Blasenbereichbreite.
Höhe
Blasenflächenhöhe.
Auffüllung
Blasenflächen-Umrandung.
background-image
Blasengrafik.
background-position

Position innerhalb des Bildsprites, wenn CSS-Sprites verwendet werden.

Siehe CSS-Sprites.

text-align
Ausrichtung von Text am Blasenbereich.

Die QuickInfo für Video-Scrubber kann lokalisiert werden. Weitere Informationen finden Sie unter Lokalisierung von Benutzeroberflächenelementen .

Beispiel - Um einen Video-Viewer mit einem Video-Scrubber mit benutzerdefinierten Tracking-Farben einzurichten, die zehn Pixel groß sind. Und schließlich, lassen Sie es 10 Pixel und 35 Pixel von der oberen und linken Kante der Steuerleiste positioniert.

.s7smartcropvideoviewer .s7videoscrubber  {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7smartcropvideoviewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7smartcropvideoviewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8