Reprodutor de vídeo video-player

O reprodutor de vídeo é a área retangular onde o conteúdo do vídeo é exibido no visualizador.

Se as dimensões do vídeo que está sendo reproduzido não corresponderem às dimensões do reprodutor de vídeo, o conteúdo do vídeo será centralizado na área de exibição retangular do reprodutor de vídeo.

O seletor de classe CSS a seguir controla a aparência do reprodutor de vídeo:

.s7mixedmediaviewer .s7videoplayer

Propriedades CSS do reprodutor de vídeo

A mensagem de erro exibida se o sistema não conseguir reproduzir o vídeo pode ser localizada. Consulte Localização dos elementos da interface do usuário para obter mais informações.

Exemplo - Para tornar o reprodutor de vídeo transparente:

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

As legendas são colocadas em um container interno no reprodutor de vídeo. A posição desse contêiner é controlada por operadores de posicionamento WebVTT compatíveis. O texto da legenda em si está dentro desse container; seu estilo é controlado com o seguinte seletor de classe CSS:

.s7mixedmediaviewer .s7videoplayer .s7caption

Propriedades CSS das legendas

Exemplo - Para configurar o texto da legenda como Arial® cinza claro de 14 pixels em um plano de fundo preto semitransparente:

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

A aparência da animação em buffer é controlada com o seguinte seletor de classe CSS:

.s7mixedmediaviewer .s7videoplayer .s7waiticon

Propriedades CSS do ícone de espera

Exemplo - Para configurar uma animação em buffer com 101 pixels de largura e 29 pixels de altura:

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