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:

.s7interactivevideoviewer .s7videoplayer

Propiedades CSS del reproductor de vídeo

color de fondo
Color de fondo de la vista principal.

Puede localizar el mensaje de error que se muestra en los casos en los que el sistema no puede reproducir el vídeo.

Consulte Localización de elementos de la interfaz de usuario.

Ejemplo: Para configurar un visor de vídeo con el tamaño del reproductor de vídeo establecido en 512 x 288 píxeles.

.s7interactivevideoviewer .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:

.s7interactivevideoviewer .s7videoplayer .s7caption

Propiedades CSS de subtítulos opcionales

color de fondo
Fondo de texto de subtítulo cerrado.
color
Color del texto de los subtítulos.
font-weight
Grosor de fuente de subtítulos opcionales.
tamaño de fuente
Tamaño de fuente de subtítulos opcionales.
font-family
Fuente de subtítulos opcionales.

Ejemplo section-5b82913ff3c44b7b8187969cb15e9560

Para configurar el texto de subtítulos cerrados en 14 píxeles, gris claro, Arial®, sobre un fondo negro 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;
}

El aspecto de la animación almacenada en búfer se controla con el siguiente selector de clase CSS:

.s7interactivevideoviewer .s7videoplayer .s7waiticon

Propiedades CSS del icono de espera

Propiedad CSS
Descripción
ancho
Anchura del icono de animación.
altura
Altura del icono de animación.
margen restante
Margen izquierdo del icono de animación, normalmente menos la mitad del ancho del icono.
margen superior
Margen superior del icono de animación, normalmente menos la mitad de la altura del icono.
imagen de fondo
Pintura del pomo.

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:

.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