Añadir vídeo y audio con el creador de páginas web
Añadir vídeo y audio a tu web del creador de páginas web
El contenido multimedia hace que tu web resulte más atractiva y mantiene a los visitantes más tiempo en tus páginas. El contenido de vídeo y audio aumenta la participación, aclara temas complejos y da un rostro personal a tu marca.
Por qué añadir contenido multimedia
El vídeo y el audio ofrecen ventajas únicas:
- Los visitantes permanecen de media un 88% más de tiempo en las páginas con vídeo
- Los productos o servicios complejos se entienden mejor
- Generas confianza más rápido
- Más conversiones en las páginas de destino
- Mejor SEO gracias a un mayor tiempo de permanencia
Añadir vídeo
Método 1: Insertar vídeos de YouTube o Vimeo
La forma más fácil de añadir vídeo es a través de plataformas existentes.
Colocar un vídeo de YouTube
- Abre la página en el creador de páginas web
- Haz clic en el icono del signo más para añadir un elemento
- Busca Vídeo o YouTube
- Arrastra el bloque de vídeo a la posición que quieras
- Pega la URL de YouTube
- El vídeo se carga automáticamente
Colocar un vídeo de Vimeo
- Añade un bloque de vídeo
- Selecciona Vimeo como fuente
- Pega la URL de Vimeo
- Adapta los ajustes
Método 2: Subir tu propio vídeo
Sube tus propios archivos de vídeo directamente al creador de páginas web.
Formatos compatibles
- MP4 (recomendado)
- WebM
- MOV
Ajustes recomendados
- Resolución: 1080p o 720p
- Códec: H.264
- Tamaño máximo: 100MB
Subir
- Añade un elemento Vídeo
- Elige Subir archivo
- Selecciona tu archivo de vídeo
- Espera a que termine la subida
- Configura la opción de reproducción
Método 3: Código de inserción
Para otras fuentes de vídeo, usa un código de inserción.
- Copia el código de inserción de la fuente del vídeo
- Añade un bloque HTML en el creador de páginas web
- Pega el código de inserción
- Adapta las dimensiones si hace falta
Ajustes de vídeo
Autoplay
Haz que el vídeo se reproduzca automáticamente cuando se cargue la página.
- Selecciona el bloque de vídeo
- Ve a Ajustes
- Activa Autoplay
- Activa también Muted (necesario para la reproducción automática en los navegadores)
Loop
Haz que el vídeo se repita automáticamente:
- Abre los ajustes de vídeo
- Activa Loop
- El vídeo se reproduce de forma continua
Controles
Decide qué botones se ven:
- Botón de reproducción/pausa
- Control de volumen
- Barra de progreso
- Botón de pantalla completa
- Picture-in-picture
Imagen de póster
Muestra una imagen antes de que empiece el vídeo:
- Ve a los ajustes de vídeo
- Sube una imagen de póster
- Elige una imagen atractiva del vídeo
- Esto mejora el tiempo de carga de tu página
Añadir audio
Subir un archivo de audio
Añade música, pódcast o contenido hablado.
- Añade un elemento Audio
- Sube tu archivo de audio:
- MP3 (recomendado)
- WAV
- OGG
- Configura el reproductor
Insertar Spotify
Comparte listas de reproducción o pódcast de Spotify:
- Copia el código de inserción de Spotify
- Añade un bloque HTML
- Pega el código
- Adapta la altura para que se vea bien
Reproductor de pódcast
¿Tienes un pódcast? Muestra los episodios en tu web:
- Usa el feed RSS de tu pódcast
- Añade un widget de pódcast
- Los episodios nuevos aparecen automáticamente
Vídeo de fondo
Causa impresión con un vídeo como fondo de una sección.
Configurar un vídeo de fondo
- Selecciona la sección
- Ve a Fondo
- Elige Vídeo como tipo de fondo
- Sube o enlaza tu vídeo
Buenas prácticas para el vídeo de fondo
- Usa bucles cortos (10-30 segundos)
- Elige imágenes sutiles, sin distracciones
- Asegúrate de que haya suficiente contraste con el texto
- Añade una imagen alternativa para móvil
- Mantén pequeño el tamaño del archivo
Añadir una superposición
Haz que el texto sobre el vídeo sea más legible:
- Ve a los ajustes de la sección
- Activa Overlay
- Elige un color y una transparencia
- Comprueba la legibilidad de tu contenido
Crear una galería de vídeos
Muestra varios vídeos de forma organizada.
Diseño en cuadrícula
- Crea una sección con varias columnas
- Coloca un bloque de vídeo en cada columna
- Si quieres, añade un título a cada vídeo
Carrusel de vídeos
- Añade un elemento Slider
- Añade bloques de vídeo a cada diapositiva
- Configura la navegación y los tiempos
Lightbox
Haz que los vídeos se abran en una capa superpuesta:
- Añade una imagen en miniatura
- Enlaza la imagen con el vídeo
- Configura que se abra en un lightbox
- Los visitantes hacen clic y el vídeo se abre en grande
Optimización del rendimiento
El vídeo puede ralentizar tu web. Sigue estos consejos para obtener un rendimiento óptimo.
Carga diferida
Carga los vídeos solo cuando aparezcan en pantalla:
- Ve a los ajustes de vídeo
- Activa Lazy load
- Esto mejora el tiempo de carga inicial
Compresión de vídeo
Reduce el tamaño de los archivos de vídeo para que carguen más rápido:
- Usa 720p en lugar de 1080p siempre que sea posible
- Comprime con herramientas como Handbrake
- Elige un códec eficiente (H.264)
Consideraciones sobre el alojamiento
- YouTube/Vimeo: gratis, entrega rápida
- Subidas propias: más control, usa tu ancho de banda
- CDN: para muchos visitantes con vídeo propio
Consideraciones para móviles
Vídeos adaptables
El creador de páginas web adapta automáticamente los vídeos al tamaño de la pantalla. Comprueba lo siguiente:
- Prueba en distintos dispositivos
- Comprueba que los botones sean lo bastante grandes
- Plantéate usar vídeos más cortos para móvil
Consumo de datos
Los usuarios de móvil suelen tener datos limitados. Plantéate lo siguiente:
- Sin reproducción automática en móvil
- Deja que los usuarios elijan si quieren verlo
- Muestra una miniatura atractiva
Accesibilidad
Haz que el contenido multimedia sea accesible para todos.
Subtítulos
Añade subtítulos a tus vídeos:
- Crea un archivo SRT o VTT
- Súbelo en los ajustes de vídeo
- Los subtítulos aparecen automáticamente
Transcripciones
Ofrece una versión de texto:
- Escribe una transcripción del audio
- Colócala debajo del vídeo
- Es bueno para el SEO y la accesibilidad
A 0 de 0 personas les ha resultado útil
