Il lettore video è l’area rettangolare in cui il contenuto video viene visualizzato all’interno del visualizzatore.
Se le dimensioni del video in corso di riproduzione non corrispondono alle dimensioni del lettore video, il contenuto video viene centrato all’interno dell’area di visualizzazione rettangolare del lettore video.
Il seguente selettore di classe CSS controlla l’aspetto del lettore video:
.s7videoviewer .s7videoplayer
Proprietà CSS del lettore video
colore di sfondo |
Colore di sfondo della vista principale. |
Il messaggio di errore visualizzato se il sistema non è in grado di riprodurre il video può essere localizzato. Vedi 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 all’interno del lettore video. La posizione del contenitore è controllata dagli operatori di posizionamento WebVTT supportati. Il testo della didascalia si trova all’interno del contenitore e il relativo stile è controllato con il seguente selettore di classe CSS:
. s7videoviewer .s7 videoplayer .s7caption
Proprietà CSS dei sottotitoli
colore di sfondo |
Sfondo testo sottotitoli. |
color |
Chiudi il colore del testo della didascalia. |
font-weight |
Spessore font didascalia chiusa. |
font-size |
Dimensione del font della didascalia chiusa. |
font-family |
Font per sottotitoli codificati. |
Esempio: per impostare un testo di sottotitoli codificati a 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 con il seguente selettore di classe CSS:
.s7videoviewer .s7videoplayer .s7waiticon
Proprietà CSS dell’icona di attesa
Proprietà CSS |
Descrizione |
---|---|
width |
Larghezza icona animazione. |
height |
Altezza icona animazione. |
margine sinistro |
Icona di animazione a sinistra del margine, normalmente meno metà della larghezza dell'icona. |
margine superiore |
Margine superiore dell'icona di animazione, normalmente meno metà dell'altezza dell'icona. |
immagine di sfondo |
Lavori d'arte. |
Esempio: per impostare un’animazione 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);
}