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:

.s7mixedmediaviewer .s7videoplayer

Propiedades CSS del reproductor de vídeo

background-color
Color de fondo del reproductor de vídeo.

El mensaje de error que se muestra si el sistema no puede reproducir el vídeo se puede localizar. Consulte Localización de los elementos de la interfaz de usuario para obtener más información.

Ejemplo: Para hacer transparente el reproductor de vídeo:

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

Los subtítulos 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 texto del pie de ilustración en sí está dentro de ese contenedor; su estilo se controla con el siguiente selector de clases CSS:

.s7mixedmediaviewer .s7videoplayer .s7caption

Propiedades CSS de los subtítulos

Propiedad CSS
Descripción
background-color
Fondo de texto de rótulo.
color
Color del texto del rótulo.
font-weight
Grosor de fuente.
font-size
Tamaño de fuente.
font-family
Familia de fuentes.

Ejemplo: Para configurar el texto del pie de ilustración como Arial® gris claro de 14 píxeles en un fondo negro 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;
}

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

.s7mixedmediaviewer .s7videoplayer .s7waiticon

Propiedades CSS del icono de espera

Propiedad CSS
Descripción
width
Anchura del icono de animación.
height
Altura del icono de animación.
margin-left
Margen izquierdo del icono de animación, normalmente menos la mitad del ancho del icono.
margin-top
Margen superior del icono de animación, normalmente menos la mitad de la altura del icono.
background-image
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:

.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