DocumentatieNaslaggids voor dynamische mediasviewers

Videoscrubber video-scrubber

Last update: Tue Oct 14 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Onderwerpen:

Gemaakt voor:

  • Ontwikkelaar
  • Gebruiker

De videoscrubber is de horizontale schuifregelaar waarmee een gebruiker dynamisch naar een willekeurige tijdpositie in de video kan zoeken die momenteel wordt afgespeeld.

De scrubber 'knob' beweegt zich ook terwijl de video speelt om op de huidige tijdpositie van de video tijdens playback te wijzen. De videoscrubber neemt altijd de volledige breedte van de controlebar. Het is mogelijk om de videoscrubber van een skin te voorzien en de hoogte en verticale positie te wijzigen met behulp van CSS.

De algemene weergave van de videoscrubber wordt beheerd met de volgende CSS-klassenkiezer:

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

CSS eigenschappen van de videoscrubber

top
Positie vanaf de bovenrand, inclusief opvulling.
bottom
Positie vanaf de onderrand, inclusief opvulling.
height
Hoogte van de videoscrubber.
background-color
De kleur van de videoscrubber.

De volgende CSS-klassekiezers volgen de indicatoren voor achtergrond, afspelen en laden:

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

CSS eigenschappen van het spoor

height
Hoogte van de desbetreffende track.
background-color
De kleur van de bijbehorende track.

De volgende CSS-klassenkiezer bestuurt de knop:

.s7mixedmediaviewer .s7videoscrubber .s7knob

CSS eigenschappen van de knoop

top
Verticale knopverschuiving.
width
Breedte van knop.
height
Hoogte van knop.
background-image
Illustraties uitnemen.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie CSS-sprites.

De volgende CSS-klassenkiezer bestuurt de zeepbel waarin de tijd wordt afgespeeld:

.s7mixedmediaviewer .s7videoscrubber .s7videotime

CSS eigenschappen van de tijd speelde bel

font-family
De lettertypefamilie die voor de tijdweergavetekst moet worden gebruikt.
font-size
De tekengrootte die voor de tijdweergavetekst moet worden gebruikt.
color
De lettertypekleur die voor de tijdweergavetekst moet worden gebruikt.
width
Breedte van ballongebied.
height
Hoogte van ballongebied.
padding
Opvulling van ballongebied.
background-image
Bubble artwork.
background-position

Positie binnen illustratie-sprite, als CSS-sprites worden gebruikt.

Zie CSS-sprites.

text-align
De uitlijning van tekst met het bellengebied.

De knopinfo voor het gereedschap Video scrubber kan worden gelokaliseerd. Zie ​ Localisatie van gebruikersinterfaceelementen ​ voor meer informatie.

Voorbeeld section-e8caea0a303c425a8a637c2a47c06355

Stel een viewer voor gemengde media in met een videoscrubber met aangepaste trackkleuren die 10 pixels hoog zijn en die 10 pixels en 35 pixels van de boven- en linkerrand van de besturingsbalk zijn geplaatst.

.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