Cómo insertar vídeos en WordPress

Si eres el creador o el pro­pie­ta­rio de un vídeo, siempre puedes subirlo a la bi­blio­te­ca de medios de tu proyecto actual de WordPress.

Paso 1. En primer lugar, abre la sección de medios haciendo clic en el botón “Medios” en el menú lateral izquierdo:

Paso 2. A co­n­ti­nua­ción, haz clic en “Añadir nuevo” y luego en “Se­le­c­cio­na archivos”. Después, podrás es­pe­ci­fi­car la ubicación del archivo de vídeo que quieres insertar y confirmar para iniciar la carga en la bi­blio­te­ca de medios. También puedes arrastrar y soltar el vídeo en el área designada (líneas di­s­co­n­ti­nuas):

Paso 3. Después, abre la página de WordPress donde quieres añadir el vídeo y haz clic en el signo más para añadir un nuevo bloque:

Paso 4. De­s­plá­za­te hasta la pestaña “Mu­l­ti­me­dia” y se­le­c­cio­na la entrada “Vídeo” para añadir un bloque de contenido de vídeo a la página. En este bloque, haz clic en “Bi­blio­te­ca de medios”. WordPress abrirá la vista general de los vídeos di­s­po­ni­bles, donde podrás se­le­c­cio­nar fá­ci­l­me­n­te el que quieras haciendo clic con el botón izquierdo. Si quieres, puedes ampliar el elemento con metadatos como un título, una leyenda y una de­s­cri­p­ción y, por último, insertar el vídeo en tu proyecto de WordPress haciendo clic en el botón “Elegir”.

Ahora, el vídeo estará insertado en tu página de WordPress. Si es necesario, puedes moverlo a cualquier otra posición o in­te­r­ca­m­biar­lo con otros elementos, como cualquier otro bloque de contenido.

Si prefieres no subir los vídeos a tu propio espacio web para ahorrar mucho espacio de al­ma­ce­na­mie­n­to y potencia, puedes subir tus vídeos a una pla­ta­fo­r­ma como YouTube o Vimeo. Desde allí, tendrás la opción de in­tro­du­cir un código de inserción (en inglés: embed code) con el que podrás insertar el vídeo co­rre­s­po­n­die­n­te en tu proyecto de WordPress. Así, también podrás insertar vídeos de otros usuarios en tu página web, en función de la orie­n­ta­ción y de la categoría de tu sitio web, siempre que estos usuarios tengan los derechos del contenido de los vídeos y los hayan hecho públicos.

Para usar el código de inserción y añadir un vídeo de YouTube (como es natural, el pro­ce­di­mie­n­to será algo distinto en otras pla­ta­fo­r­mas), sigue estos pasos:

Paso 1. Abre el vídeo de YouTube que quieras compartir y haz clic en el botón “Compartir” situado justo debajo del clip.

Paso 2. Se­le­c­cio­na la opción “Insertar” para acceder a las opciones de inserción. En esta pantalla, puedes dejar la co­n­fi­gu­ra­ción por defecto tal y como está o modificar un poco el código de inserción. Por un lado, tienes la opción de es­pe­ci­fi­car en qué punto del vídeo quieres que comience el vídeo de forma au­to­má­ti­ca más adelante (“Empezar en”). Por otro lado, en ese mismo campo puedes activar el modo de pri­va­ci­dad aumentada para proteger la pri­va­ci­dad de tus vi­si­ta­n­tes. Por último, haz clic en “Copiar” para guardar el código en el po­r­ta­pa­pe­les y así importar en WordPress el vídeo.

Paso 3. Ahora, de vuelta en WordPress, ve a la página donde quieres insertar el vídeo. Pega el enlace del vídeo que habías copiado di­re­c­ta­me­n­te en la ubicación deseada creando un bloque HTML y uti­li­za­n­do la co­m­bi­na­ción de teclas [Ctrl] + [v] o haciendo clic con el botón derecho del ratón y se­le­c­cio­na­n­do la opción “Pegar”.

Paso 4: A co­n­ti­nua­ción, WordPress insertará au­to­má­ti­ca­me­n­te el vídeo en el formato habitual. Haciendo clic en “Vista previa” puedes ver una prueba del resultado.

Tanto si subes un vídeo de forma interna como externa, el uso de los plugins de vídeo de WordPress es re­co­me­n­da­ble para cua­l­quie­ra que quiera insertar imágenes en mo­vi­mie­n­to de la forma más sencilla posible y be­ne­fi­ciar­se de sus prácticas funciones adi­cio­na­les. Para ello, solo tienes que instalar el plugin deseado. De este modo, WordPress se verá reforzado con menús fáciles de usar en el servidor o botones en el editor que regulan el manejo de la extensión co­rre­s­po­n­die­n­te.

La forma más fácil de obtener una visión general de los plugins de vídeo di­s­po­ni­bles en WordPress es a través de la sección de plugins del servidor. Allí podrás instalar, co­n­fi­gu­rar y activar las ex­te­n­sio­nes deseadas (y, si es necesario, des­ac­ti­var­las o eli­mi­nar­las de nuevo). Estos son los pasos que deberás seguir:

Paso 1. En el menú de la izquierda del servidor de WordPress, ve a la sección “Plugins” y haz clic en la opción de menú “Añadir nuevo”.

Paso 2. Ahora podrás escribir cualquier palabra clave en la barra de búsqueda (arriba a la derecha) para buscar el plugin de vídeo de WordPress adecuado. Por ejemplo, para una visión general basta con in­tro­du­cir el término de búsqueda “vídeo”:

Paso 3. Una vez te hayas decidido por una extensión, haz clic en el botón “Instalar ahora” del icono co­rre­s­po­n­die­n­te. Cuando esté instalado, puedes activar el plugin di­re­c­ta­me­n­te a través del botón “Activar”:

Paso 4. Ahora, podrás optar por acceder a la extensión a través del submenú “Plugins in­s­ta­la­dos” o, en la mayoría de los casos, a través de un nuevo botón in­di­vi­dual en el menú lateral del servidor, como en el caso del plugin de ejemplo que hemos elegido aquí, “Video Gallery” de Ori­gi­n­Co­de:

Para insertar contenido de YouTube, no puede faltar Embed Plus for YouTube. El plugin tiene más de 200 000 in­s­ta­la­cio­nes activas, es co­m­pa­ti­ble con el editor Gutenberg de WordPress y no solo sirve para insertar clips in­di­vi­dua­les de YouTube, sino también para insertar listas de re­pro­du­c­ción o canales completos y re­tra­n­s­mi­sio­nes en directo. Para ello, con el “YouTube Wizard” tendrás acceso di­re­c­ta­me­n­te desde el editor a un gestor de co­n­fi­gu­ra­ción fácil de usar. Con la versión pro­fe­sio­nal de pago, podrás de­s­blo­quear funciones adi­cio­na­les como el marcado SEO au­to­má­ti­co de vídeos o el al­ma­ce­na­mie­n­to en caché.

Cualquier bloguero conoce la im­po­r­ta­n­cia del re­n­di­mie­n­to eficiente en todos los di­s­po­si­ti­vos. El tiempo de carga desempeña un papel pa­r­ti­cu­la­r­me­n­te pri­mo­r­dial. Por tanto, si tu blog de WordPress tiene muchos vídeos de YouTube, te re­co­me­n­da­mos usar WP YouTube Lyte. El plugin aplica lazy loading a todos los vídeos in­se­r­ta­dos en WordPress.

Los “Lite YouTube Embeds” de respuesta rápida son idénticos a los clips normales de YouTube in­se­r­ta­dos, pero solo acceden al re­pro­du­c­tor, que consume mucha memoria, cuando un visitante hace clic ex­plí­ci­ta­me­n­te en ellos. Otra ca­ra­c­te­rí­s­ti­ca: los vídeos de YouTube pueden al­ma­ce­nar­se lo­ca­l­me­n­te en caché, lo que elimina la necesidad de acceder a los se­r­vi­do­res de la pla­ta­fo­r­ma de vídeo.

Entre las he­rra­mie­n­tas de diseño para los proyectos web más modernos, el conocido como Parallax Scrolling se ha co­n­ve­r­ti­do casi en un re­pe­r­to­rio estándar. El plugin gratuito Advanced WordPress Ba­c­k­grou­n­ds (AWB) te ayudará a aplicar el efecto deseado en tu proyecto de WordPress. Como al­te­r­na­ti­va, con esta extensión podrás crear fondos parallax pe­r­so­na­li­za­dos para las páginas se­le­c­cio­na­das basándote en imágenes o vídeos (de alo­ja­mie­n­to propio, YouTube o Vimeo). La base técnica es el potente plugin de Ja­va­S­cri­pt Jarallax.

Las galerías muestran si­mu­l­tá­nea­me­n­te varios vídeos en la web y el plugin Video Gallery de Total Soft te ayudará a hacerlo. Con la versión básica gratuita puedes compilar y publicar galerías de vídeo con cualquier número de clips de YouTube, Vimeo y Wistia o de tu propia fuente. Todas las galerías estarán au­to­má­ti­ca­me­n­te en un diseño web receptivo y podrás cla­si­fi­car­las arra­s­tra­n­do y soltando. Para pe­r­so­na­li­zar las galerías, re­co­me­n­da­mos una de las versiones de pago (desde 12,79 €), que ofrece temas adi­cio­na­les de la galería, fuentes, efectos eme­r­ge­n­tes y varias opciones de estilo di­fe­re­n­tes.