Reproductor de vídeo video-player
El reproductor de vídeo es el área rectangular en la que se muestra el contenido de vídeo dentro del visor.
Si las dimensiones del vídeo que se reproduce no coinciden con las del reproductor de vídeo, el contenido del vídeo se centra dentro del área de visualización rectangular del reproductor de vídeo.
El siguiente selector de clase CSS controla el aspecto del reproductor de vídeo:
.s7videoviewer .s7videoplayer
Propiedades CSS del reproductor de vídeo
El mensaje de error que se muestra si el sistema no es capaz de reproducir el vídeo se puede localizar. Consulte Localización de elementos de la interfaz de usuario para obtener más información.
Ejemplo: Para configurar un visor de vídeo con el tamaño del reproductor de vídeo establecido en 512 x 288 píxeles.
.s7videoviewer .s7videoplayer{
background-color: transparent;
}
Los subtítulos opcionales se colocan en un contenedor interno dentro del reproductor de vídeo. La posición de ese contenedor está controlada por los operadores de colocación WebVTT admitidos. El propio texto de rótulo está dentro de ese contenedor y su estilo se controla con el siguiente selector de clases CSS:
. s7videoviewer .s7 videoplayer .s7caption
Propiedades CSS de subtítulos opcionales
Ejemplo: Para configurar el texto de subtítulos para que sea de 14 píxeles, gris claro, Arial®, en un fondo negro semitransparente:
.s7videoviewer .s7videoplayer .s7caption {
background-color: rgba(0,0,0,0.75);
color: #e6e6e6;
font-weight: normal;
font-size: 14px;
font-family: Arial,Helvetica,sans-serif;
}
El aspecto de la animación almacenada en búfer se controla con el siguiente selector de clase CSS:
.s7videoviewer .s7videoplayer .s7waiticon
Propiedades CSS del icono de espera
Ejemplo: para configurar una animación de almacenamiento en búfer para que tenga 101 píxeles de ancho y 29 píxeles de alto:
.s7videoviewer .s7videoplayer .s7waiticon {
width: 101px;
height: 29px;
margin-left: -50px;
margin-top: -15px;
background-image: url(images/sdk/busyicon.gif);
}