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:

.s7interactivevideoviewer .s7videoplayer

Propriedades CSS do reprodutor de vídeo

background-color
Cor de fundo da janela principal.

Você pode localizar a mensagem de erro exibida nos casos em que o sistema não consegue reproduzir o vídeo.

Consulte Localização dos elementos da interface do usuário.

Exemplo - Para configurar um visualizador de vídeo com o tamanho do reprodutor de vídeo definido como 512 x 288 pixels.

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

As legendas ocultas 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, e seu estilo é controlado com o seguinte seletor de classe CSS:

.s7interactivevideoviewer .s7videoplayer .s7caption

Propriedades CSS das legendas ocultas

background-color
Plano de fundo do texto da legenda oculta.
cor
Cor do texto da legenda oculta.
font-weight
Peso da fonte da legenda oculta.
font-size
Tamanho da fonte da legenda oculta.
font-family
Fonte da legenda oculta.

Exemplo section-5b82913ff3c44b7b8187969cb15e9560

Para configurar o texto de legendas ocultas para 14 pixels, cinza claro, Arial®, em um plano de fundo preto semitransparente:

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

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

.s7interactivevideoviewer .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.
background-image
Obstrução de arte.

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

.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