Lettore video

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

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

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

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

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); 
}