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