Bloques multimedia estándar
Bloques de imagen, vídeo, galería de vídeos y fondo de vídeo en el editor de páginas de ArtInStack: características y opciones de diseño.
Referencia para los bloques Editor de páginas → Multimedia. Los cuatro permiten seleccionar recursos de Multimedia (y URL de vídeos externos cuando se indique).
Arquitectura básica y campos
| Bloque | Fuente multimedia | Características principales |
|---|---|---|
| Imagen | Selector de Multimedia o URL | Relación de aspecto, ajuste al objeto, anchura/altura, texto alternativo/título, opacidad, escala, carga diferida, enlace opcional |
| Vídeo | Vídeo de Multimedia o URL | Ajustes predefinidos de relación de aspecto, imagen de portada, alojado (Bunny) frente a URL externa |
| Lightbox de vídeo | Multimedia + imagen de portada | Relación de aspecto (p. ej., 16:9), fotograma de portada, abre un reproductor en primer plano al hacer clic |
| Fondo de vídeo | Medios: vídeo + imagen de portada | Repetición en bucle, reproducción automática, sonido silenciado (recomendado para navegadores), contenido superpuesto que se puede colocar dentro de la sección |
Imagen
Muestra una imagen fija adaptativa. Los atributos incluyen:
- Relación de aspecto: ajustes predefinidos (automático, cuadrado, vertical, horizontal, etc.) con sincronización del editor con el lienzo.
- Ajuste del objeto: cubrir, contener y comportamiento de recorte relacionado.
- Texto alternativo y título para accesibilidad y SEO.
- Opacidad y escala para ajustes sutiles de diseño.
- Elegir imagen abre la ventana modal de la biblioteca de Multimedia.
Ideal para: inserciones editoriales, fotos de equipo, diagramas entre secciones de texto.
Vídeo
Incorpora un reproductor HTML5 en línea (standalone-video). Los atributos incluyen:
- URL del vídeo desde Multimedia o pegando un enlace externo.
- Miniatura de portada desde Multimedia o automática a partir de la grabación del vídeo.
- Relación de aspecto: panorámica y otros ajustes preestablecidos; respeta la altura máxima del contenido de la página.
- Tipo de vídeo: alojado en la plataforma o transmisión externa.
Ideal para: vídeos de presentación incrustados, clips de lecciones y demostraciones de procesos dentro de una columna.
Lightbox de vídeo
Muestra una imagen de portada/miniatura en la página; al hacer clic se abre una ventana de reproducción a pantalla completa. Los atributos incluyen:
- URL del vídeo e imagen de portada de Multimedia.
- Relación de aspecto para el fotograma de la miniatura (p. ej., 16:9).
Ideal para: avances cinematográficos sin necesidad de cargar un reproductor pesado hasta que el visitante interactúe.
Fondo de vídeo
Un bloque a nivel de sección: vídeo en bucle detrás del contenido en primer plano que coloques dentro de la sección (titulares, botones, columnas). Los atributos incluyen:
- URL del vídeo e imagen de portada de Multimedia.
- Opciones de reproducción automática, bucle y silenciamiento (la reproducción automática silenciada es la norma según las políticas de los navegadores).
- Altura mínima de la sección para bandas de estilo «hero».
Ideal para: crear ambiente en la página de destino detrás de la tipografía; combínalo con vídeos MP4 cortos y comprimidos o vídeos alojados.
Restricciones del sistema y medidas de seguridad
- Los archivos de origen muy grandes ralentizan la vista previa del editor y el LCP en tiempo real; es preferible utilizar vídeos comprimidos e imágenes con dimensiones razonables.
- Las URL de vídeos externos deben ser accesibles para los visitantes; las URL rotas muestran reproductores vacíos tras la publicación.
- El fondo de vídeo no sustituye a los subtítulos en línea accesibles; añade texto visible en la capa superpuesta.
Verificación de la configuración
- Cada tipo de bloque se ha probado una vez en una página de borrador con la selección de Multimedia confirmada en «Atributos».
- Se ha rellenado el texto alternativo de Imagen en las imágenes fijas del hero o de la parte superior de la página.
- Se han probado Lightbox de vídeo y Vídeo al pulsar o hacer clic en dispositivos móviles.
