Si vas a insertar videos en WordPress mejor lee ésto

Si vas a insertar videos en WordPress necesitas tener en cuenta estas cosas para no terminar con tu servidor fuera de servicio, o recibir una factura impagable por el alto consumo de banda ancha.

El video es un medio que viene arrasando en internet desde hace unos años, e implementarlo en tu sitio web se hace cada vez más necesario y útil, si lo haces de la forma adecuada.

Al principio internet era solo texto.

Después aparecieron la imágenes. Muy elementales al principio, pero fueron mejorando en calidad y tamaño con la mejora de las redes y el aumento en las velocidades de carga.

Cómo insertar imágenes en WordPress correctamente 

Y hoy, con una internet mucho más potente y servicios de banda ancha, además de las redes móviles 4G, entramos en la era del video-web.

Como sucedió en su momento con las imágenes, hoy internet se está colmando de videos y no podemos quedarnos atrás.

Para suscribirte al canal de Youtube y no perderte los próximos videos sobre WordPress haz clic aquí.

Vamos a ver ahora las dos formas principales de insertar videos en WordPress. Una es mi recomendada, la otra creo que deberías evitarla.

Cómo NO debes insertar videos en WordPress

La forma más simple de insertar videos en WordPress es subiéndolo directamente a la Biblioteca de Medios, de la misma forma que si publicaras una foto.

Insertar videos en WordPress biblioteca multimedia

El problema de hacerlo así es que el video se aloja en tu cuenta de hosting, y un video es un archivo de un tamaño generalmente muy grande, 100 Mb por ejemplo.

Esto se traduce en dos problemas principales:

  • Ocupa mucho espacio en tu cuenta de hosting y al poco tiempo necesitarás aumentar a un plan superior. Y cuando te quieras dar cuenta estarás pagando fortunas por un servicio dedicado.
  • Consumirás mucha banda ancha. Aunque tuvieras un solo video de 50 Mb debes considerar que, cada vez que alguien quiera reproducir el video, se transferirán los 50 Mb desde el servidor al equipo de esta persona. Si tienes muchas visitas al mes (o no tantas) rápidamente superarás el límite de transferencia de tu cuenta de hosting con ese nivel de consumo.

Como puedes ver, insertar videos en WordPress de esta forma no tiene nada de recomendable.

¿Qué puedes hacer entonces?

Cómo insertar videos en WordPress correctamente

La mejor opción para insertar videos en WordPress (y en cualquier sitio web) es subirlos previamente a plataformas como YouTube o Vimeo y luego insertarlos en la entrada o página que quieras, utilizando el código de inserción que te ofrecen estas plataformas.

De esta manera las personas que visiten tu página podrán reproducir tus videos sin salir de ahí, pero el consumo de recursos se produce en la plataforma donde está alojado. Es la forma en que publico todos los video tutoriales de este blog.

Ventajas de insertar tus videos desde Youtube

  • Evitas ocupar espacio en tu cuenta de hosting, ya que los videos se alojan en los servidores de YouTube, Vimeo o la plataforma que elijas.
  • No afectas al consumo de banda ancha de tu cuenta de hosting, por el mismo motivo del punto anterior.
  • Mayor visibilidad. Hoy por hoy YouTube es el segundo buscador más utilizado después de Google y tener videos publicados en esta plataforma significa aparecer en las búsquedas que se realicen allí.
  • Reproductor avanzado. Tanto YouTube como Vimeo cuentan con reproductores de video muy avanzados, permitiendo seleccionar la calidad de reproducción, subtítulos y muchas opciones más que quizás no tengas en el reproductor de tu WordPress.
  • Estas plataformas son auténticas redes sociales, donde las personas pueden comentar y compartir tus videos con sus amigos, viralizándolos y llevando tráfico a tu propio sitio web, si pones enlaces en la descripción y anotaciones de tus videos.
  • En el caso de YouTube dispone además de un editor de videos gratuito y muy completo.

Desventajas de utilizar Youtube y demás plataformas de videos

  • La principal desventaja que se me ocurre es la relativa a los derechos de autor. No podrás incluir en tus videos música protegida por derechos de autor, porque te los bloquearán. De todas maneras no deberías utilizar material protegido salvo que tengas los derechos.
    Para solucionar ésto el mismo YouTube te ofrece pistas de audio libres de derechos para incluir en tus videos como cortina musical sin problemas.
  • Estás sujeto a las reglas y políticas de cada plataforma en lo referente a la publicación y protección de tu contenido.

Aclarado ésto vamos a ver paso a paso cómo publicar videos en Youtube para luego insertar tus videos en WordPress.

Cómo subir tu video a Youtube

Primero debes subir tu video a Youtube (o Vimeo), para lo cual debes tener un canal. Tu cuenta de Google incluye un canal de Youtube y además te permite crear canales adicionales para subir tus videos.

Si no dispones aún de una cuenta de Google puedes abrir una de forma totalmente gratuita.

Cuando hayas ingresado a tu cuenta puedes acceder a Youtube abriendo el panel de aplicaciones como te muestro en la siguiente captura.

Insertar videos en WordPress desde youtube

Una vez dentro de Youtube buscas el botón Subir en la parte superior de la pantalla.

subir video youtube

Dentro de la página de subida de videos puedes arrastrar directamente el archivo de tu video o hacer clic para navegar entre las carpetas de tu equipo.

subir video youtube

Automáticamente comienza la subida del video que va a demorar varios minutos dependiendo del tamaño del archivo y de la velocidad de tu conexión a internet.

Mientras tanto debes ir completando la información de tu video para que Youtube pueda indexarlo de la mejor forma y que aparezca en las búsquedas que se realicen dentro de la plataforma.

Estos son los campos que debes completar:

04-completar informacion video youtube

Título (1). Es el título de tu video en Youtube. Las palabras que utilices deberían ser las que escribiría una persona que está buscando sobre ese tema.

Descripción (2). En la descripción puedes extenderte todo lo que desees para explicar en qué consiste el video, que temas trata, etc. Ten en cuenta que el buscador no puede leer o escuchar tu video, solo entiende las palabras escritas, por eso debes aprovechar este espacio para describir el tema y mejorar el posicionamiento del mismo.

Etiquetas (3). Ingresa aquí entre 3 y 5 frases cortas que la gente utilizaría para buscar el contenido de tu video.

Privacidad (4). Lo ideal es que tu video sea Público para que cualquiera pueda encontrarlo. Excepto que quieras mostrarlo solo a quienes visitan tu sitio web, en este caso selecciona Oculto.

Miniatura (5). Es la imagen pequeña que se mostrará en las búsquedas o en tu canal. Puedes elegir entre las opciones que te ofrece YouTube o subir una miniatura personalizada, mi opción preferida.

Luego de completar todo ésto ya puedes publicarlo (6). Y una vez que el video haya terminado de cargarse y procesarse lo podrás ver en la URL que figura a la izquierda (7).

Es esta URL lo que necesitas para insertar el video en WordPress. Vamos a ver ahora cómo hacerlo paso a paso.

Cómo insertar tu video en WordPress

Insertar tu video en WordPress es bastante sencillo si usas el editor Gutenberg que viene en las últimas versiones de WordPress.

Insertar videos en WordPress con Gutenberg

Con el editor Gutenberg es muy fácil insertar un video en WordPress:

  1. Cuando estás editando la entrada o página simplemente añades un Bloque de video y haces clic en el botón Insertar desde URL.
  2. Luego pegas la URL del video de Youtube que quieras insertar en WordPress.
  3. En los ajustes del bloque te recomiendo elegir la alineación Ancho completo.

Eso es todo… Si guardas los cambios y vas a la vista previa vas a poder comprobar que el video se reproduce perfectamente dentro de tu página y además se ajusta automáticamente a todos los tamaños de pantalla.

Si eres de los que todavía no se animan a Gutenberg y sigues con el editor clásico también puedes insertar videos en WordPress.

Insertar videos en WordPress con el Editor clásico

Con el editor clásico hay dos formas distintas de insertar un video de Youtube en WordPress.

1 . Pegando la URL

Una forma bien sencilla de insertar videos en WordPress si utilizas el editor clásico es pegando la URL del video directamente en la entrada.

Así de simple… Copias y pegas la URL del video de Youtube en el lugar donde quieres insertar el video y das Enter.

Con ésto WordPress transforma la URL en un video insertado que se adaptará al tamaño de cada dispositivo, agrandando o achicando el video para que siempre se vea entero.

No importa que en el editor lo veas de un tamaño más chico. Cuando vayas a la entrada publicada el video tomará el ancho completo del contenido.

Sin embargo este método tiene un problema…

Si bien la reproducción del video se adapta a cualquier tamaño de pantalla, el aspecto de la miniatura no es siempre bueno. No respeta la proporción de ancho y alto, recortando la imagen a los costados o bien dejando espacios negros arriba y debajo.

2 . Pegando el código de inserción

Esta forma de insertar un video en WordPress desde Youtube da un aspecto más prolijo. Pero para ésto primero debemos obtener el código de inserción del video.

  1. Accedemos a la página del video en Youtube con la URL del mismo y éste comenzará a reproducirse.
  2. Hacemos clic en Compartir (1) debajo del video.
  3. Elegimos Insertar (2) y en la ventanita que se abre hay un recuadro con el código que utilizaremos para insertar videos en WordPress o en cualquier web (3).
  4. Copiamos el código y nos vamos a WordPress.

youtube obtener codigo insertar

Dentro del editor clásico de WordPress debes dirigirte a la pestaña HTML del editor (generalmente trabajamos en la pestaña Visual) y situarte en la posición en la cuál quieres insertar el video.

  1. Dentro del editor clásico ir a la pestaña HTML.
  2. Situar el cursor en la posición donde quieres insertar el video en WordPress.
  3. Pegar el código de inserción que copiaste en Youtube.

Es posible que te maree un poco el moverte dentro del contenido si no estás familiarizado con el código HTML pero, si prestas atención, podrás identificar los diferentes párrafos de tu texto y encontrar el lugar justo donde quieres insertar el video.

insertar videos entrada wordpress

Si luego regresas a la solapa Visual y bajas hasta la posición del contenido donde colocaste el código de inserción de Youtube vas a ver el video ya insertado en WordPress.

insertar videos wordpress visual

Y si publicas o actualizas la entrada cualquier persona que visite tu página podrá reproducir el video directamente allí.

Pero no todo es alegría…

Este método presenta el problema de que no es responsive (no se adapta a los diferentes tamaños de pantalla). Y además, si quieres definir un tamaño de video distinto al predeterminado, debes hacerlo modificando el código de inserción a mano.

3 . Añadiendo estilos CSS al video insertado en WordPress

La solución a este problema es un poco más compleja pero tampoco demasiado. Consiste en encerrar el código de inserción de Youtube en una etiqueta DIV al que aplicaremos unos estilos mediante CSS.

Por ejemplo puedes hacerlo así:

<div class="contenedor-video">
      Código de inserción copiado de Youtube 
</div>

Luego vas a Apariencia -> Personalizar y en la sección CSS Adicional pones el siguiente código:

.contenedor-video {
     position: relative;
     padding-bottom :56.25%;
     padding-top: 30px;
     height: 0;
     overflow: hidden;
}
.contenedor-video iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

Este código es una adaptación del publicado por Franz aquí.

Vale aclarar que el código CSS lo pones solo la primera vez. Luego, cada vez que insertes un video, solo debes acordarte de agregarle la etiqueta DIV al código de inserción del video que copias de Youtube.

➖ ⚫ ➖

Por qué deberías incluir videos en tu web

El contenido en video no es para cualquier sitio web, ni para todos los públicos. Hay personas que prefieren escanear un texto rápidamente y detenerse solo en los puntos que le interesan antes que dedicar 10 minutos a mirar un video de principio a fin.

Yo mismo me incluyo entre esos. Mirar videos requiere de más tiempo que leer, cuando estamos buscando una respuesta sobre algo muy concreto.

Sin embargo, como autor, un video te permite conectar con tu potencial cliente mucho más que un simple e impersonal texto.

El solo hecho de que puedan escuchar tu propia voz, e incluso verte la cara, te convierte en alguien cercano (más real), y les permite a tus seguidores conocerte de una manera más auténtica. Sin idealizaciones.

Y ni que hablar de los tutoriales tipo Cómo hacer… No hay mejor forma de enseñar a hacer algo que mostrándose a uno mismo haciéndolo a través de un video.

Si bien, en el caso de las herramientas digitales, se pueden hacer perfectamente tutoriales con capturas de pantalla explicadas, como los que suelo hacer en este blog, éstos se quedan años luz detrás de un video-tutorial en el que grabamos la pantalla y mostramos absolutamente TODO lo que hay que hacer.

A su vez, cuando queremos adentrarnos en un determinado tema que desconocemos totalmente, ver al experto hablándonos en video podría ser más ameno que sumergirnos en un texto que podría resultar incomprensible.

Tipos de video para tu sitio web

Los videos no son todos iguales y depende de lo que quieras enseñar o transmitir que decidas hacer unos u otros. Existen tres clases principales de video:

Hablando a la cámara

Si lo que buscas es posicionarte como un referente en tu especialidad no hay dudas de que los mejores videos son aquellos en los que hablas directamente mirando a la cámara.

También es cierto que se requiere más coraje para hacerlos. Pero deberías considerar que cuando grabas un video solo estás tú y la cámara, no estás haciendo una ponencia en directo.

Luego puedes ver el video y editarlo o regrabarlo todas las veces que quieras hasta estar convencido.

Grabando la pantalla

Otra opción, mucho menos osada (y mi preferida), es la de grabar la pantalla y nuestra voz.

Este tipo de videos son la mejor opción para enseñar a utilizar herramientas digitales, ya que nos permite mostrarle al lector exactamente lo que tiene que hacer. Sin saltarnos ningún paso, como sucede con las capturas de pantalla.

Si a medida que vamos grabando la pantalla explicamos lo que estamos haciendo, lo hacemos más fácil de seguir y además ampliamos el alcance de nuestra guía.

Combinación de ambas

Y la tercera posibilidad es una combinación de ambas.

Podemos hacer la introducción mirando a la cámara, luego pasamos a la explicación práctica grabando la pantalla, y por último volvemos a mirar a la cámara para hacer la conclusión y despedirnos.

Esto generalmente se graba en dos etapas, por un lado la grabación de la pantalla y por otro nos grabamos a nosotros mismo. Luego se edita el video intercalando ambas partes para lograr el resultado final combinado.

Fases de creación de un video

En este punto hay que distinguir entre dos tareas distintas.

Grabación

Para grabarte a ti mismo vas a necesitar una cámara. Puedes hacerlo con la webcam de tu PC o con un smartphone. Si graba en HD mucho mejor.

En cualquier caso seguramente necesites un micrófono para mejorar la calidad del audio. La calidad del sonido es esencial para conseguir que una persona dedique 10 o 15 minutos a ver y escuchar tu video y no se le haga insoportable. Es más importante incluso que la calidad de la imagen.

En cambio si lo que quieres es grabar la pantalla necesitarás instalar algún programa específico. Yo uso Filmora, que es un software de pago para grabar y editar videos, pero hay opciones gratuitas aunque no puedo recomendarte ninguna.

Edición

No termina todo con la grabación del video. Luego necesitarás editarlo para borrar partes que no hayan salido bien y reducirlo para que no sea muy extenso, etc.

Esto se hace con programas para editar videos y, dentro de las opciones gratuitas, Openshot es uno programa que usé durante algún tiempo y me resultó muy bueno. Actualmente utilizo Filmora como ya decía.

Cómo proteger tus videos privados

En el caso de videos que vas a publicar de forma abierta en tu sitio web Youtube es la mejor alternativa. Esto se debe a que es el segundo buscador después de Google y al tener tus videos indexados en esa red social aprovechas la viralidad y el tráfico que ella misma genera.

Pero si estás creando un curso online de pago seguramente necesites publicar videos a los que solo tengan acceso quienes hayan comprado el curso y no cualquier persona.

En lo que respecta a insertar videos en WordPress podrás hacerlo en una página o entrada protegida con contraseña (la forma más básica y elemental) o bien utilizando algún plugin específico para alojar cursos o escuelas online, como MemberPress o WP Simple Membership por ejemplo, que permiten gestionar el registro de usuarios y a qué páginas tienen acceso.

Pero hay otro aspecto muy importante a cuidar: el acceso a tus videos privados desde la propia plataforma de videos en donde están alojados. Ya que de nada te serviría proteger en tu sitio web  las páginas y entradas que contienen tus videos si éstos son accesibles directamente desde el propio Youtube, Vimeo, etc.

Para ésto las plataformas de videos ofrecen diferentes opciones de privacidad, veamos cada caso.

Privacidad de tus videos con Youtube

Youtube ofrece dos opciones de privacidad para tus videos: privado y oculto.

A un video privado solo tienen acceso las personas que tú invites.

El problema de ésto es que las personas que quieras invitar deben tener una cuenta de Google para poder ser identificados y acceder. Y además no podrás insertar videos privados en tu sitio web, con lo cual solo pueden ser vistos directamente en YouTube, por lo que no es una opción válida para un curso online profesional.

Los videos ocultos sí pueden insertarse en tu sitio web y los puede ver cualquier persona que tenga acceso a esa página o que tenga el enlace directo del video en Youtube. La diferencia con los videos públicos es que los ocultos no aparecen en los listados de Youtube, en las búsquedas ni en las sugerencias.

Los videos ocultos de Youtube son la mejor alternativa gratuita para tener un curso privado en video, ya que te permite insertar esos video en páginas protegidas de tu sitio web y solo pueden verlos quienes tengan acceso.

Sin embargo esta modalidad presenta una debilidad: cualquier persona que haya comprado tu curso tendrá acceso al enlace directo del video y podría compartirlo con quien quiera. Incluso es muy fácil descargar un video de Youtube y volver a subirlo en otro canal.

Pero más allá de ésto, para cursos privados gratuitos o cursos de pago no muy caros, me parece una buena opción (y es gratis).

Privacidad de tus videos con Vimeo

Si en cambio estás frente a un curso que te ha costado mucho esfuerzo y en el que compartes conocimientos y experiencias muy valiosas necesitas aumentar el nivel de privacidad de tus video al máximo.

Para este tipo de cursos lo habitual es utilizar Vimeo como plataforma para alojar los videos ya que ofrece mejores opciones de privacidad que YouTube. No me refiero a la cuenta gratuita de Vimeo, la cual no ofrece mucho más que YouTube sino a las cuentas de pago.

Vimeo Plus te ofrece privacidad a nivel de dominio, es decir que tienes la posibilidad de elegir en qué dominio pueden reproducirse tus videos, con lo cual por más que alguien tenga acceso a tu curso y copie el enlace directo de un video nunca podrá repoducirlo fuera de tu sitio web, ni siquiera en Vimeo.

Esta opción de que solo se puedan reproducir videos que estén insertados en entradas bajo el mismo dominio de tu sitio web hace prácticamente imposible que te los roben.

Si a ésto le sumas algún plugin de membresía que permita acceder a estas entradas solo a los alumnos habilitados la seguridad es máxima, porque la única forma de que puedan compartir tus contenidos es dándole su contraseña a otra persona. Pero eso no hay manera de evitarlo.

Resumiendo

  • Cuando vayas a insertar videos en WordPress nunca lo hagas cargándolo desde la Biblioteca Multimedia.
  • Utilizar plataformas como Youtube o Vimeo aumenta la visibilidad de tu video y no sobrecarga tu cuenta de hosting.
  • Debes subir primero tu video a la plataforma elegida.
  • Luego debes insertar el video en WordPress con la URL del video.

¿De qué forma acostumbras insertar videos en WordPress?

Jorge Baffa

En 2013 fundé Aventura Digital para ayudar a profesionales y emprendedores independientes a tener su sitio web profesional con WordPress.

08-03-2020

Ajustes de escritura

Ajustes de escritura

Categoría predeterminada para las entradas (1) Desde aquí le indicas a WordPress que cada vez que...

Ajustes generales

Ajustes generales

La sección Ajustes Generales de WordPress es la primera de las siete secciones de ajustes de...

Editor de Temas

Editor de Temas

El Editor de Temas de WordPress es una herramienta para usuarios avanzados. Nos permite modificar...

Menús

Menús

La sección Menús de WordPress, dentro de las opciones de Apariencia, es la que nos permite crear y...

Widgets

Widgets

Los widgets son como cajas que contienen información de diversa naturaleza y que, por lo general,...

Personalizar

Personalizar

La sección Apariencia > Personalizar es desde donde se ajustan los distintos formatos del sitio...

Añadir Temas

Añadir Temas

La sección Añadir temas de WordPress es una de las principales en cuanto al potencial de...

Temas

Temas

La sección Temas de WordPress es el lugar desde el cual podemos cambiar la plantilla que estamos...

Editar comentario

Editar comentario

La Edición de comentarios de WordPress es muy similar a la Edición rápida de comentarios solo que...

Comentarios

Comentarios

Desde la sección Comentarios de WordPress vas a poder gestionar los comentarios de las entradas y...

WordPress es Mejor con Divi

Artículos Relacionados

Ajustes de escritura

Ajustes de escritura

Categoría predeterminada para las entradas (1) Desde aquí le indicas a WordPress que cada vez que crees una nueva publicación o entrada en el blog...

Ajustes generales

Ajustes generales

La sección Ajustes Generales de WordPress es la primera de las siete secciones de ajustes de WordPress desde las cuales podemos personalizar...

Editor de Temas

Editor de Temas

El Editor de Temas de WordPress es una herramienta para usuarios avanzados. Nos permite modificar el código de cualquiera de las plantillas...

Más artículos sobre: WordPress

9 Comentarios

  1. LUis

    Saludos. No he podido hacer que al finalizar mi video insertado en mi pagina hecha con wordpress, no se muestren mas opciones de video. Solo quiero que se reproduzca mi video y nada mas. Que finalice en imagen en negro o solo de la opcion de reproducir el mismo video.

    Saludos.

    Responder
  2. Albert

    -He seguido tus pasos pero no he logrado hacer que sea responsive al dar «enter» no aparece el código, y cuando lo pongo en una tamaño de pantalla tipo celular y no me da

    Responder
    • Jorge Baffa

      Hola Albert.

      ¿A qué parte te refieres exactamente?

      Si copias y pegas la URL de Youtube en el editor clásico de WordPress carga el video automáticamente. Si estás usando el editor Gutenberg puede que no, este video está hecho con el editor clásico.

      También algunas cuestiones fueron cambiando y me pasó que no se visualiza correctamente en todos los casos. Tengo que hacer una actualización de este artículo ciertamente.

  3. Beatriz

    Segui estos pasos para compartir un video en mi web, pero al visualizarlo en IOS no puedo hacer scroll sobre el video de youtube. Como podria solucionarlo?

    Responder
    • Jorge Baffa

      Hola Beatriz,

      Eso nunca lo había escuchado…! La verdad que es una forma de inserción estandar, sin plugins ni nada que pudiera entorpecer, por lo tanto no sé por que te da ese inconveniente. Lo que no te permite es seguir bajando en la página? Es decir que llegas hasta el video y no puedes avanzar más? A ver si entiendo…

  4. Rafa

    Muchas gracias Jorge, me ha sido de gran ayuda tu post

    Responder
    • Jorge Baffa

      Me alegra mucho saberlo Rafa. Un abrazo!

    • Jorge Baffa

      Gracias Milton. Efectivamente es algo sencillo y una práctica común pero me fui dando cuenta asesorando a clientes que muchas gente desconoce esta forma de aprovechar el potencial de los videos.

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *