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:

.s7mixedmediaviewer .s7videoplayer

Proprietà CSS del lettore video

colore di sfondo

Colore di sfondo 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 rendere trasparente il lettore video:

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

I sottotitoli 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; il relativo stile è controllato dal seguente selettore di classe CSS:

.s7mixedmediaviewer .s7videoplayer .s7caption

Proprietà CSS delle didascalie

Proprietà CSS

Descrizione

colore di sfondo

Sfondo testo didascalia.

color

Colore testo didascalia.

font-weight

Spessore del carattere.

font-size

Dimensione del carattere.

font-family

Famiglia di caratteri.

Esempio: per impostare il testo della didascalia su un Arial grigio chiaro da 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 con il seguente selettore di classe CSS:

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

.s7mixedmediaviewer .s7videoplayer .s7waiticon { 
 width: 101px; 
 height: 29px; 
 margin-left: -50px; 
 margin-top: -15px; 
 background-image: url(images/sdk/busyicon.gif); 
}

In questa pagina