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

cor de fundo
A cor do plano de fundo 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

Propriedade CSS
Descrição
cor de fundo
Plano de fundo do texto da legenda.
cor
Cor do texto da legenda.
espessura da fonte
Peso da fonte.
tamanho da fonte
Tamanho da fonte.
Família de fontes
Família da fonte.

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

Propriedade CSS
Descrição
largura
Largura do ícone de animação.
altura
Altura do ícone de animação.
margem esquerda
Margem esquerda do ícone de animação, normalmente menos metade da largura do ícone.
margem superior
Margem superior do ícone de animação, normalmente menos metade da altura do ícone.
imagem de fundo
Obstrução de arte.

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);
}
recommendation-more-help
b7426f53-aad9-4c00-83fc-664f30f681e8