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:
.s7videoviewer .s7videoplayer
Proprietà CSS del lettore video
background-color |
Colore di sfondo della visualizzazione principale. |
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 impostare un visualizzatore video con le dimensioni del lettore video impostate su 512 x 288 pixel.
.s7videoviewer .s7videoplayer{
background-color: transparent;
}
I sottotitoli codificati vengono inseriti in un 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 e il suo stile è controllato dal seguente selettore di classe CSS:
. s7videoviewer .s7 videoplayer .s7caption
Proprietà CSS dei sottotitoli
background-color |
Sfondo del testo della didascalia. |
color |
Colore testo sottotitoli. |
font-weight |
Spessore font sottotitoli codificati. |
font-size |
Dimensione font sottotitoli. |
font-family |
Font per sottotitoli. |
Esempio: per impostare il testo dei sottotitoli codificati su 14 pixel, grigio chiaro, Arial®, su uno sfondo nero semitrasparente:
.s7videoviewer .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:
.s7videoviewer .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:
.s7videoviewer .s7videoplayer .s7waiticon {
width: 101px;
height: 29px;
margin-left: -50px;
margin-top: -15px;
background-image: url(images/sdk/busyicon.gif);
}