Lettore video video-player

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:

.s7interactivevideoviewer .s7videoplayer

Proprietà CSS del lettore video

colore di sfondo
Colore di sfondo della visualizzazione principale.

È possibile localizzare il messaggio di errore visualizzato nei casi in cui il sistema non è in grado di riprodurre il video.

Vedi Localizzazione degli elementi dell'interfaccia utente.

Esempio: per impostare un visualizzatore video con le dimensioni del lettore video impostate su 512 x 288 pixel.

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

.s7interactivevideoviewer .s7videoplayer .s7caption

Proprietà CSS dei sottotitoli

colore di sfondo
Sfondo del testo della didascalia.
colore
Colore testo sottotitoli.
font-weight
Spessore font sottotitoli codificati.
font-size
Dimensione font sottotitoli.
famiglia di caratteri
Font per sottotitoli.

Esempio section-5b82913ff3c44b7b8187969cb15e9560

Per impostare un testo con sottotitoli codificati di 14 pixel, grigio chiaro, Arial® su uno sfondo nero semitrasparente:

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

.s7interactivevideoviewer .s7videoplayer .s7waiticon

Proprietà CSS dell'icona Attendi

Proprietà CSS
Descrizione
larghezza
Larghezza icona animazione.
altezza
Altezza icona animazione.
margine sinistro
Margine sinistro dell'icona di animazione, in genere meno la metà della larghezza dell'icona.
margine superiore
Margine superiore dell'icona di animazione, in genere meno la metà dell'altezza dell'icona.
immagine di sfondo
Grafica a manopola.

Esempio: per impostare un’animazione di buffering su una larghezza di 101 pixel e un’altezza di 29 pixel:

.s7interactivevideoviewer .s7videoplayer .s7waiticon {
 width: 101px;
 height: 29px;
 margin-left: -50px;
 margin-top: -15px;
 background-image: url(images/sdk/busyicon.gif);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8