Scorrimento video

Ultimo aggiornamento: 2023-05-22
  • Argomenti:
  • Dynamic Media Classic
    Visualizza ulteriori informazioni su questo argomento
  • Viewers
    Visualizza ulteriori informazioni su questo argomento
  • SDK/API
    Visualizza ulteriori informazioni su questo argomento
  • 360 VR Video
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • Developer
    User

Lo scorrimento video è il dispositivo di scorrimento orizzontale che consente all’utente di cercare dinamicamente una posizione temporale all’interno del video attualmente in riproduzione.

La "manopola" di scorrimento si sposta anche durante la riproduzione del video per indicare la posizione temporale corrente del video durante la riproduzione. Lo scorrimento video occupa sempre l'intera larghezza della barra di controllo. È possibile applicare lo skin al video scrubber. Modificane l’altezza e la posizione verticale in base al CSS.

L’aspetto generale dello scorrimento dei video è controllato dal seguente selettore di classe CSS:

.s7video360viewer .s7videoscrubber
.s7video360viewer .s7videoscrubber .s7videotime
.s7video360viewer .s7videoscrubber .s7knob

Proprietà CSS dello scorrimento video

top

Posizione dal bordo superiore, inclusa la spaziatura.

bottom

Posizione dal bordo inferiore, inclusa la spaziatura.

height

Altezza dello scorrimento video.

background-color

Colore dello scorrimento video.

I seguenti selettori di classi CSS tengono traccia degli indicatori di sfondo, riproduzione e caricamento:

.s7video360viewer .s7videoscrubber .s7track
.s7video360viewer .s7videoscrubber .s7trackloaded
.s7video360viewer .s7videoscrubber .s7trackplayed

Proprietà CSS del brano

height

Altezza del brano corrispondente.

background-color

Colore del brano corrispondente.

Il seguente selettore di classe CSS controlla la manopola:

.s7video360viewer .s7videoscrubber .s7knob

Proprietà CSS della manopola

top

Offset manopola verticale.

width

Larghezza manopola.

height

Altezza manopola.

background-image

Grafica a manopola.

background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Consulta Spunti CSS .

Il seguente selettore di classe CSS controlla la bolla del tempo riprodotto:

.s7video360viewer .s7videoscrubber .s7videotime

Proprietà CSS dell’indicatore di riproduzione

font-family

Famiglia di font da utilizzare per il testo visualizzato nel tempo.

font-size

Dimensione font da utilizzare per il testo visualizzato nel tempo.

color

Colore del carattere da utilizzare per il testo visualizzato nel tempo.

width

Larghezza area bolle.

height

Altezza area bolle.

riempimento

Spaziatura interna area bolle.

background-image

Illustrazione di bolle.

background-position

Posizionate all'interno dello sprite del disegno, se vengono utilizzati gli sprite CSS.

Consulta Spunti CSS .

text-align

Allineamento del testo con l'area a bolle.

La descrizione comando dello scorrimento video può essere localizzata. Consulta Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio : per impostare un visualizzatore video con uno scorrimento video con colori di brano personalizzati alti dieci pixel. Posizionarlo quindi a dieci pixel e a 35 pixel dai bordi superiore e sinistro della barra di controllo.

.s7video360viewer .s7videoscrubber  {
top:10px;
left:35px;
height:10px;
background-color:#AAAAAA;
}
.s7video360viewer .s7videoscrubber .s7track {
height:10px;
background-color:#444444;
}
.s7video360viewer .s7videoscrubber .s7trackloaded {
height:10px;
background-color:#666666;
}
.s7video360viewer .s7videoscrubber .s7trackplayed {
height:10px;
background-color:#888888;
}

In questa pagina