How to easily embed videos in WordPress

Cómo incrustar fácilmente videos en publicaciones de blog de WordPress

¿Quieres incrustar videos en las publicaciones de tu blog de WordPress? Los videos dan vida a su sitio web y son una excelente manera de aumentar la participación de los usuarios. WordPress facilita la inserción de videos de sitios de alojamiento de videos como YouTube, Vimeo, Facebook, Twitter y muchos más. En esta guía para principiantes, le mostraremos cómo incrustar fácilmente videos en publicaciones de blogs, páginas y widgets de barra lateral de WordPress.
Cómo insertar videos fácilmente en WordPress

Video tutorial

Contents

Suscríbase a MundoCMS Si prefiere instrucciones escritas, siga leyendo.

Cómo insertar videos en publicaciones y páginas de blogs de WordPress

WordPress viene con una característica interesante llamada incrustaciones automáticas que permite que su sitio web obtenga automáticamente el código de incrustación de servicios de alojamiento de videos populares como YouTube, Vimeo, etc. Todo lo que tienes que hacer es pegar la URL del video en el editor de WordPress. Por ejemplo, puede copiar la URL de YouTube de un video que desea incrustar. Luego edite la publicación o página de WordPress donde desea agregar el video y simplemente pegue la URL en el área de contenido.
Insertar video en el editor de publicaciones de WordPress
Tan pronto como pegue la URL del video, WordPress tomará el código de inserción y mostrará el video de YouTube en el editor de contenido. Ahora puede guardar su publicación y hacer clic en el botón Vista previa para ver el video incrustado en la publicación de su blog.
Video incrustado en una publicación de blog de WordPress
¿No fue fácil? Después de agregar el video, puede cambiar su configuración desde la barra de herramientas del bloque y la columna de configuración a la derecha.
Barra de herramientas y parámetros del bloque de video
Puede ajustar el ancho del video, convertirlo en ancho completo, cambiar la alineación, etc. También puede agregar subtítulos y mantener la relación de aspecto del video en dispositivos móviles. WordPress solo puede realizar integraciones automáticas para servicios de video incluidos en la lista blanca. Para otros sitios web, deberá obtener el código de inserción y luego pegarlo en las publicaciones de su blog. Aquí hay una lista de servicios de video en lista blanca para integraciones automáticas en WordPress:

  • Amazonas
  • Animoto
  • Cloudup
  • Humor universitario
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Pedal de arranque
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Diapositivas
  • SmugMug
  • Algunas cartas
  • SoundCloud
  • Cubierta de altavoz
  • Spotify
  • TED
  • Tumblr
  • Gorjeo
  • VideoPrensa
  • Vimeo
  • WordPress.tv
  • Youtube

Si desea agregar un video de un sitio web fuera de esta lista, necesitará el código de inserción HTML completo para el video. Simplemente copie el código HTML proporcionado por el sitio web del video y péguelo en un bloque ‘HTML personalizado’ en el editor.
Agregar un código de inserción personalizado en WordPress

Insertar videos en WordPress usando el antiguo editor clásico

Si todavía está usando el antiguo editor clásico de WordPress, puede insertar videos de la misma manera. Simplemente copie la URL de un servicio de alojamiento de videos como YouTube y péguela en el editor. Si está utilizando el editor visual, verá una vista previa del video.
Video emedding en el antiguo editor de WordPress
Sin embargo, no podrá usar el ajuste de ancho y otras opciones que puede usar en el nuevo editor de bloques de WordPress.

Cómo incrustar videos en los widgets de la barra lateral de WordPress

Al igual que una página o publicación de WordPress, también puede insertar videos en los widgets de la barra lateral de WordPress. Solo ve a Apariencia »Widgets página y agregue el widget «Texto» a una barra lateral. Consulte nuestro artículo sobre cómo agregar y usar widgets en WordPress. En la configuración del widget, debe pegar la URL del video en el área de contenido. WordPress obtendrá automáticamente el código de inserción y mostrará la vista previa del video.
Insertar videos en el widget de la barra lateral de WordPress
No olvide hacer clic en el botón «Guardar» para guardar la configuración de su widget. Ahora puede visitar su sitio web para ver el video incrustado en el widget de la barra lateral de WordPress.

Complementos de integración de video de WordPress

De forma predeterminada, no es necesario utilizar un complemento para incrustar videos en WordPress. Sin embargo, es posible que desee utilizar complementos para mejorar la experiencia de visualización de videos en su sitio web. Aquí hay algunos complementos que quizás desee probar.
1. Transmisión de YouTube Smash Balloon
Smash Balloon para la página de inicio de YouTube
Smash Balloon Feeds para YouTube es uno de los mejores complementos de video de WordPress. Le permite incrustar automáticamente todos los videos de su canal de YouTube en un formato de galería personalizable. Importa automáticamente nuevos videos, combina transmisiones, agrega transmisiones en vivo, etc. También hay una versión gratuita del complemento de alimentación de YouTube disponible por Smash Balloon, pero en nuestra demostración a continuación mostraremos la versión Pro. Primero, deberá instalar y activar el complemento Smash Balloon Feeds para YouTube. Desde allí, dirígete a Transmitir para YouTube »Licencia página e ingrese su clave de licencia. Puede encontrar esta información en su cuenta en el sitio web del complemento.
Llave de licencia de Smash Balloon
Después de activar su clave de licencia, no olvide hacer clic en el botón «Guardar cambios». A continuación, vaya a la pestaña Configurar y haga clic en el botón azul grande para conectar su cuenta de YouTube.
Conecta tu feed de YouTube
Una vez que haya terminado, será llevado a su panel de WordPress para configurar su fuente de YouTube.
Cuenta de YouTube conectada
Haga clic en el botón «Guardar cambios» y estará listo para comenzar. Para incrustar su feed de YouTube en una publicación o página, simplemente edítelo en WordPress. En la pantalla de edición de página, haga clic en el botón (+) para agregar un nuevo bloque y seleccione el bloque «Feed para YouTube».
Fuente de alimentación de YouTube
Cuando agrega el bloque a su editor de publicaciones, automáticamente capturará y mostrará videos de su canal de YouTube.
Feed de YouTube integrado
Cuando visite su sitio, verá que su feed está integrado con la página que acaba de crear.
Feeds de YouTube en su página
Smash Balloon YouTube Feeds viene con varias opciones de diseño y estilo. Puede cambiar el estilo predeterminado visitando el Feeds para YouTube »Personalizar página.
Opción carrusel
Desde allí, puede elegir un diseño de cuadrícula, galería, lista o carrusel. Recuerde hacer clic en el botón Guardar cambios para guardar sus cambios.
Feed de carrusel en su sitio
Verá que tiene un carrusel de videos con flechas de navegación derecha e izquierda, así como un botón Suscribirse en la parte inferior de su feed. Si desea personalizar aún más su fuente, haga clic en la pestaña Ver en la configuración del complemento. Esta página enumera la serie de códigos cortos que puede utilizar en cualquier lugar de su sitio.
Opciones de shortcode
Para insertar un código corto en una publicación o página, puede usar el bloque de código corto.
Bloque de código corto
Ahora puede agregar su código corto de feed [youtube-feed] (o cualquier variación que desee) en los parámetros del bloque.
Código corto insertado
También puede usar el feed de YouTube de Smash Balloon con su nuevo complemento Social Wall, que combina todo el contenido de sus redes sociales de Facebook, Instagram, Twitter y YouTube en una sola página.
2. Barra de suscripción de YouTube
La barra de suscripción de YouTube en acción
La barra de suscripción de YouTube muestra un botón de suscripción de YouTube debajo de su video de YouTube incrustado en WordPress. También recopila el recuento de suscriptores de YouTube para agregar pruebas sociales y alentar a más usuarios a suscribirse. Primero lo creamos para promover el canal de YouTube de MundoCMS en este sitio web. Muchos de nuestros usuarios nos pidieron que compartiéramos cómo lo hicimos, por lo que decidimos publicarlo como un complemento gratuito.
3. Carga diferida para videos
Vídeos de carga diferida en WordPress
El video incorpora scripts de carga de sitios web externos, lo que tiene poco impacto en la velocidad y el rendimiento de carga de la página. Lazy Load for Videos resuelve este problema cargando solo el fotograma de video cuando se carga la página. Carga el código de inserción solo cuando el usuario hace clic en el botón de reproducción. Consulte nuestro tutorial sobre cómo agregar carga diferida para videos en WordPress. Por cierto, no necesitará este complemento si está utilizando la transmisión de YouTube Smash Balloon, ya que tiene almacenamiento en caché incorporado y carga retrasada para el reproductor de video.

¿Por qué no puedo subir los videos a WordPress?

Bueno, puedes, pero no te recomendamos que lo hagas. La mayoría de los blogs pequeños usan cuentas compartidas de alojamiento de WordPress y los videos pueden consumir muchos recursos del servidor. Si su video recibe mucho tráfico, es más probable que su sitio web se bloquee. En segundo lugar, pierde el tráfico de los usuarios de YouTube. YouTube no solo es el sitio de alojamiento de videos más grande, sino que también es el segundo motor de búsqueda más popular del mundo y la segunda red social más popular después de Facebook. Si no desea subir sus videos a YouTube, puede probar Vimeo o DailyMotion. Consulte nuestra comparación entre YouTube y Vimeo para ver qué plataforma se adapta mejor a sus necesidades. Para obtener más información sobre este tema, consulte nuestro artículo sobre Razones por las que nunca debe subir videos a WordPress. Esperamos que este artículo le haya ayudado a aprender cómo insertar fácilmente videos en publicaciones de blog de WordPress. También puede consultar nuestra lista de complementos de WordPress imprescindibles para cualquier sitio web. Si le gustó este artículo, suscríbase a nuestro canal de YouTube para ver tutoriales en video de WordPress. También puede encontrarnos en Twitter y Facebook.

Leave a Reply