Reproductor de vídeo

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 está reproduciendo no coinciden con las dimensiones del reproductor, 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

background-color

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 los 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 se colocan en un contenedor interno dentro del reproductor de vídeo. La posición de ese contenedor está controlada por los operadores de posición WebVTT admitidos. El texto del rótulo en sí está dentro de ese contenedor y su estilo se controla con el siguiente selector de clase CSS:

.s7interactivevideoviewer .s7videoplayer .s7caption

Propiedades CSS de subtítulos

background-color

Fondo de texto de subtítulos.

color

Cierre el color del texto del rótulo.

font-weight

Grosor de fuente de subtítulos.

font-size

Tamaño de fuente de subtítulos.

font-family

Fuente de subtítulos.

Ejemplo

Para que el texto de los subtítulos cerrados sea de 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 de almacenamiento en búfer se controla con el siguiente selector de clase CSS:

.s7interactivevideoviewer .s7videoplayer .s7waiticon

Propiedades CSS del icono de espera

CSS, propiedad

Descripción

width

Anchura del icono de animación.

height

Altura del icono de animación.

margin-left

Icono de animación margen izquierdo, normalmente menos la mitad de la anchura del icono.

margin-top

Margen superior del icono de animación, normalmente menos la mitad de la altura del icono.

imagen de fondo

Ilustración del botón.

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

En esta página

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now