Insertar o incrustar video, audio u otros

6.6 Insertar o incrustar video, audio u otros

El contenido multimedia ha dejado de ser un lujo opcional en los sitios web modernos para convertirse en una necesidad práctica. Los visitantes esperan encontrar contenido en diversos formatos: videos explicativos, audios de podcasts, presentaciones interactivas e incluso archivos PDF embebidos. WordPress reconoce esta realidad y proporciona múltiples formas de incrustar diferentes tipos de contenido multimedia directamente en nuestras entradas y páginas. La capacidad de diversificar el formato de nuestro contenido no solo mejora la experiencia del usuario, sino que también aumenta el tiempo promedio de permanencia en la página, reduce la tasa de rebote y mejora las métricas de SEO.

Existen principalmente dos enfoques para trabajar con contenido multimedia en WordPress: incrustar archivos alojados en servicios externos como YouTube, Vimeo o SoundCloud, que es la opción más común y recomendada, o alojar el archivo directamente en nuestro servidor. Cada enfoque tiene ventajas y desventajas que analizaremos en profundidad.

Incrustación de videos desde plataformas externas

La forma más eficiente de insertar videos es utilizando plataformas especializadas como YouTube, Vimeo o Dailymotion. Estas plataformas ofrecen hosting de video de alta calidad, reproduce adaptativo según el ancho de banda disponible, y análitica detallada del uso. WordPress simplifica enormemente este proceso: simplemente pegamos la URL del video en el editor, y WordPress la reconoce automáticamente, mostrando una vista previa y incrustando el código necesario.

Por ejemplo, si queremos incrustar un video de YouTube, buscamos la URL del video, copiamos la dirección completa (por ejemplo, https://www.youtube.com/watch?v=dQw4w9WgXcQ), posicionamos el cursor en el editor donde queremos que aparezca el video, y pegamos la URL en una línea separada. WordPress detecta que es una URL de video e inmediatamente la convierte en un bloque de video incrustado. El mismo proceso funciona para Vimeo, Dailymotion y otras plataformas soportadas.

Bloque de video nativo de WordPress

WordPress también incluye un bloque de video nativo para alojar archivos de video directamente en nuestro servidor. Este enfoque es útil cuando tenemos videos originales que no queremos subir a YouTube o cuando necesitamos mayor control sobre los derechos de uso. Para utilizar este bloque, accedemos al selector de bloques, buscamos "Video", y seleccionamos el bloque. A continuación, podemos subir un archivo de video desde nuestro ordenador o seleccionar uno de la Biblioteca de medios.

Los formatos de video soportados incluyen MP4, WebM y Ogg. El MP4 es el más compatible con navegadores modernos. WordPress genera automáticamente un reproductor de video HTML5 con controles estándar incluyendo play, pause, volumen y pantalla completa. Sin embargo, debemos ser conscientes de que alojar videos directamente en nuestro servidor consume ancho de banda significativo y puede ralentizar el sitio si recibimos mucho tráfico.

Incrustación de audio y podcasts

El contenido de audio se ha vuelto cada vez más importante con el auge de los podcasts. WordPress permite incrustar archivos de audio mediante el bloque de audio o incrustando directamente URLs de plataformas como Spotify, SoundCloud o Apple Podcasts. Similar a los videos, si tenemos un podcast en Spotify, simplemente pegamos el enlace de la canción o episodio en el editor, y WordPress lo incrustra automáticamente.

Para alojar audio directamente en nuestro servidor, utilizamos el bloque de audio de WordPress. Los formatos soportados incluyen MP3, WAV y OGG. El reproductor de audio de WordPress es más sencillo que el de video, mostrando solo los controles esenciales para reproducir, pausar y ajustar el volumen. Los archivos de audio generalmente ocupan menos espacio que los videos, lo que los hace más apropiados para alojar directamente en nuestro servidor.

Incrustación de otros contenidos multimedia

Además de video y audio, WordPress soporta incrustar otros tipos de contenido externo. Los formularios de Google, documentos compartidos de Google Drive, presentaciones de SlideShare, tweets, publicaciones de Instagram, o incluso gráficos interactivos de Tableau pueden ser incrustados pegando simplemente su URL en el editor. WordPress reconoce automáticamente docenas de servicios y genera el código de incrustación apropiado.

Los archivos PDF pueden ser embebidos usando el bloque de PDF o plugins especializados, permitiendo a los visitantes ver documentos directamente sin necesidad de descargarlos. Los mapas de Google también pueden incrustarse, lo que es particularmente útil para negocios locales que desean mostrar su ubicación. Esta flexibilidad convierte a WordPress en una plataforma versátil para presentar casi cualquier tipo de contenido digital.

Consideraciones técnicas y de rendimiento

Cuando incrustamos contenido externo, debemos considerar cómo afecta al rendimiento de nuestro sitio. Los videos y audios alojados externamente tienen un impacto mínimo porque el servidor de terceros maneja la transmisión. Sin embargo, los archivos alojados en nuestro propio servidor pueden consumir ancho de banda significativo. Un video HD de 10 minutos puede pesar 1-3 gigabytes, lo que significa que cada descarga consume recursos considerables.

Otro aspecto importante es la compatibilidad con navegadores. Aunque los navegadores modernos soportan HTML5 y sus formatos de video y audio, algunos navegadores más antiguos pueden tener dificultades. WordPress intenta manejar esto automáticamente, pero es prudente verificar que el contenido funciona en los navegadores más comunes.

Ejemplo práctico: Crear una entrada de blog con contenido multimedia mixto

Supongamos que somos creadores de contenido de educación en línea y queremos publicar una entrada titulada "Técnicas de composición fotográfica". Estructuramos la entrada así: primero, un párrafo introductorio que explica por qué la composición es importante. A continuación, insertamos un video de YouTube de un fotografo profesional explicando la regla de los tercios pegando su URL en el editor. Después, añadimos un bloque de audio con un episodio de nuestro podcast sobre iluminación que hemos subido al servidor. Continuamos con más texto explicativo acompañado de imágenes, y hacia el final, incrustamos una presentación de SlideShare que muestra galerías de fotografía profesional. Finalmente, enlazamos un PDF descargable con una guía de referencia rápida sobre composición que los lectores pueden conservar. El resultado es una entrada multimedia completa que cativa a diferentes tipos de aprendices: visuales que prefieren videos e imágenes, auditivos que aprenderán del podcast, y lectores que valoran el texto detallado y materiales descargables.

Ideas clave

• WordPress permite incrustar videos pegando simplemente la URL de plataformas como YouTube, Vimeo o Dailymotion directamente en el editor
• El bloque de video nativo de WordPress aloja archivos MP4, WebM u Ogg directamente en el servidor, con control total pero mayor consumo de ancho de banda
• El audio puede incrustarse desde plataformas de podcasting como SoundCloud o Spotify, o alojarse directamente usando el bloque de audio con formatos MP3, WAV u OGG
• WordPress soporta incrustación automática de docenas de servicios terceros incluyendo Google Drive, SlideShare, Twitter e Instagram
• Los archivos alojados directamente en nuestro servidor pueden impactar significativamente el rendimiento y ancho de banda, especialmente para contenido de video de alta calidad
• El contenido multimedia mixto mejora la experiencia del usuario, reduce la tasa de rebote y mantiene a los visitantes más comprometidos con nuestras páginas