Lettore video video-player

Il lettore video è l’area rettangolare in cui il contenuto video viene visualizzato all’interno del visualizzatore.

Se le dimensioni del video che viene riprodotto non corrispondono a quelle del lettore video, il contenuto video è centrato all’interno dell’area di visualizzazione del rettangolo del lettore video.

Il seguente selettore di classe CSS controlla l’aspetto del lettore video:

.s7mixedmediaviewer .s7videoplayer

Proprietà CSS del lettore video

background-color
Colore di sfondo del lettore video.

Il messaggio di errore visualizzato se il sistema non è in grado di riprodurre il video può essere localizzato. Consulta Localizzazione degli elementi dell’interfaccia utente per ulteriori informazioni.

Esempio: per rendere trasparente il lettore video:

.s7mixedmediaviewer .s7videoplayer {
 background-color: transparent;
}

I sottotitoli vengono inseriti nel contenitore interno del lettore video. La posizione del contenitore è controllata da operatori di posizionamento WebVTT supportati. Il testo della didascalia si trova all’interno del contenitore; il suo stile è controllato dal seguente selettore di classe CSS:

.s7mixedmediaviewer .s7videoplayer .s7caption

Proprietà CSS dei sottotitoli

Proprietà CSS
Descrizione
background-color
Sfondo del testo della didascalia.
color
Colore testo didascalia.
font-weight
Spessore font.
font-size
Dimensione font.
font-family
Famiglia di caratteri.

Esempio - Per impostare il testo della didascalia su un colore Arial grigio chiaro di 14 pixel® su uno sfondo nero semitrasparente:

.s7mixedmediaviewer .s7videoplayer .s7caption {
 background-color: rgba(0,0,0,0.75);
 color: #e6e6e6;
 font-weight: normal;
 font-size: 14px;
 font-family: Arial,Helvetica,sans-serif;
}

L’aspetto dell’animazione di buffering è controllato dal seguente selettore di classe CSS:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

Proprietà CSS dell’icona Attendi

Proprietà CSS
Descrizione
width
Larghezza icona animazione.
height
Altezza icona animazione.
margin-left
Margine sinistro dell'icona di animazione, in genere meno la metà della larghezza dell'icona.
margin-top
Margine superiore dell'icona di animazione, in genere meno la metà dell'altezza dell'icona.
background-image
Grafica a manopola.

Esempio: per impostare un’animazione di buffering su una larghezza di 101 pixel e un’altezza di 29 pixel:

.s7mixedmediaviewer .s7videoplayer .s7waiticon {
 width: 101px;
 height: 29px;
 margin-left: -50px;
 margin-top: -15px;
 background-image: url(images/sdk/busyicon.gif);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8