Videobauber 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. Mithilfe von CSS können Sie den Video-Scrubber in die Haut legen und seine Höhe und vertikale Position ändern.

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

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

CSS-Eigenschaften des Video-Scrubbers

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

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

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

CSS-Eigenschaften des Tracks

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

Der folgende CSS-Klassenselektor steuert den Knoten:

.s7mixedmediaviewer .s7videoscrubber .s7knob

CSS-Eigenschaften des Knotens

Anfang
Vertikaler Drehversatz.
width
Breite des Knopfes.
height
Höhe des Knotens.
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:

.s7mixedmediaviewer .s7videoscrubber .s7videotime

CSS-Eigenschaften der wiedergegebenen Blase

Schriftfamilie
Die Schriftfamilie, die für die Zeitanzeige verwendet werden soll.
Schriftgröße
Die Schriftgröße, die für die Zeitanzeige verwendet werden soll.
color
Die Schriftfarbe für die Zeitanzeige.
width
Blasenbereichbreite.
height
Blasenbereichshöhe.
Padding
Blasenflächen-Umrandung.
background-image
Blasengrafik.
background-position

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

Siehe CSS-Sprites.

text-align
Ausrichtung des Texts am Blasenbereich

Die QuickInfo für Video-Scrubber kann lokalisiert werden. Siehe Lokalisierung der Elemente der Benutzeroberfläche für weitere Informationen.

Beispiel section-e8caea0a303c425a8a637c2a47c06355

Richten Sie einen Viewer für gemischte Medien mit einem Video-Scrubber ein, der benutzerdefinierte Spurfarben mit einer Größe von 10 Pixel aufweist und 10 Pixel und 35 Pixel von den oberen und linken Kanten 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;
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8