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

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. 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

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

In questa pagina