Cómo incrustar un reproductor de vídeo en un sitio de WordPress con un Plugin gratuito

Spanish (Español) translation by Ana Paulina Figueroa (you can also view the original English article)

En este post, utilizaremos el plugin Easy Video Player que te permite incrustar videos en tu sitio de WordPress. Te demostraré cómo puedes usar este plugin en tu propio sitio para incrustar videos.

Incrustar vídeos en tu sitio web es esencial hoy en día, sin importar con qué dominio estás asociado. ¡El video es una de las mejores maneras de transmitir ideas a tus clientes! En particular, si estás construyendo un sitio web de WordPress que requiere capacidades de transmisión de video, ¡estás en el lugar correcto! Como propietario del sitio, necesitas un plugin de reproductor de vídeo fácil de usar y ligero que haga el trabajo por ti.

Como hay miles de plugins en esta categoría, existe una gran posibilidad de que encuentres un plugin para cada característica que puedas pensar en el directorio de WordPress. Pero a menudo, puede ser difícil elegir cuál usar. Y cuando se trata de elegir el reproductor de video adecuado para tu sitio de WordPress, encontrarás un montón de opciones en la tienda de plugins de WordPress. Entre ellos, he elegido uno de los mejores en esta categoría: Easy Video Player.

El plugin Easy Video Player te permite incrustar vídeos integrando un reproductor de vídeos simple y fácil de usar. Este te permite incrustar tanto vídeos cargados en tu hosting, como vídeos externos. En relacion a los vídeos alojados externamente, puedes incrustarlos mediante enlaces directos. Con una gran cantidad de opciones de personalización y una interfaz fácil de utilizar, Easy Video Player es uno de los mejores plugins en esta categoría.

Para este articulo, he utilizado WordPress 5.2.1 y la versión del plugin Easy Video Player es 1.1.8. Recomendaría que lo instales si deseas seguir los pasos de este articulo. Para instalar el plugin Easy Video Player, debes seguir el proceso de instalación del plugin estándar en WordPress.

En las siguientes secciones, exploraremos los ajustes básicos del plugin Easy Video Player junto con el proceso de configuración. A continuación, procederemos con algunos ajustes de configuración importantes del plugin que te permitirán personalizar la configuración del reproductor. Por último, veremos cómo integrar el reproductor de vídeo en tu sitio web con fines de demostración.

¿Por qué usar el plugin Easy Video Player?

El plugin Easy Video Player hace que el proceso de incrustación de videos en su sitio web de WordPress se realice sin problemas. Además de que es capaz de incrustar tanto vídeos cargados en tu hosting como vídeos externos, también es un plugin responsivo que funciona bien en todo tipo de dispositivos móviles. Además, te permite incrustar vídeos en casi cualquier lugar de tu sitio, ya sea una publicación, una página o un widget.

Con el soporte de personalización desde el propio back-end, puedes personalizar diferentes controles, así como también el aspecto y la sensación del reproductor de vídeo.

Vamos a repasar rápidamente las características importantes que proporciona:

incrustar vídeos MP4
soporte para la capacidad de respuesta inmediata
controles personalizables para el reproductor
compatible con todos los navegadores principales
soporte para diferentes skins
y más

Este complemento proporciona muchas funciones útiles que puedes usar al incrustar videos en tu sitio web de WordPress. A continuación discutiremos un par de elementos clave de este complemento que es importante comprender si quieres usarlo de manera efectiva.

¿Cómo habilitar el complemento Easy Video Player?

No podrás usar este complemento de inmediato después de instalarlo. De hecho, hay una configuración que debes activar antes de comenzar a utilizar este complemento.

Dirígete a la sección administrativa y haz clic en el enlace Settings > Easy Video Player (Configuraciones > Easy Video Player) de la barra lateral. Este debe mostrar la siguiente página en donde deberías poder habilitar la configuración jQuery.

Marca la casilla de configuración Enable jQuery (Habilitar jQuery) y haz clic en el botón Save Changes (Guardar cambios). Y, con eso, ¡ahora estamos listos para usar este complemento! En la siguiente sección vamos a explorar varias maneras en las que puedes incrustar videos en tu sitio.

Incrusta videos en tu sitio de WordPress con Easy Video Player

En esta sección vamos a ejemplificar el uso de este complemento para incrustar videos en tu sitio de WordPress. Vamos a incrustar múltiples videos, cada uno con posibles configuraciones personalizadas diferentes.

Antes de que continuemos, asegúrate de haber instalado el complemento Easy Video Player en tu sitio de WordPress si quieres seguir los pasos.

Sigue adelante y crea una nueva página o publicación en la que quieras incrustar un video. A continuación necesitarás insertar el siguiente shortcode para incrustar un video.

1	[evp_embed_video url="{MP4_FILE_URL}"]

Por favor toma en cuenta que necesitas reemplazar la parte del marcador de posición con el URL real de un video. Hay dos maneras en las que puedes proporcionar el URL del MP4: puedes usar archivos de video alojados en tu servidor o puedes usar archivos de video alojados por servicios de terceros.

Publica la página y dirígete al front-end para ver su apariencia:

Como puedes observar, este muestra un reproductor de video bastante atractivo y listo para ser usado simplemente proporcionando el URL del archivo de video.

Si quieres personalizar este reproductor, el complemento admite muchos parámetros que puedes usar para personalizar los diferentes controles de tu reproductor.

1	[evp_embed_video url="{MP4_FILE_URL}" autoplay="true" width="750" ratio="0.375" poster="{IMAGE_URL}" loop="true" share="false"]

Prueba con el código anterior en la publicación de ejemplo y verás un reproductor de video personalizado de acuerdo a los parámetros que hemos proporcionado. La mayoría de los parámetros anteriores se explican por sí mismos.

autoplay — determina si el video comenzará a reproducirse cuando se cargue la página
width — es el ancho del reproductor
ratio — establece la altura del reproductor como una fracción del ancho
poster — es la imagen de la miniatura
loop — determina si el video repetirá su reproducción
share — determina si se mostrarán los controles para compartir en redes sociales

Además de estos parámetros de control, el complemento también admite parámetros en shortcode que te permiten personalizar la apariencia del reproductor. Para eso puedes usar el parámetro class, como se muestra en el ejemplo siguiente.

1	[evp_embed_video url="{MP4_FILE_URL}" class="no-toggle"]

En el ejemplo anterior hemos usado la opción no-toggle, que te permite mostrar la barra de control de forma estática. De lo contrario habría tenido el efecto de desplazamiento del ratón sobre la barra de control. También hay otras opciones, ¡pero lo dejo para que tú practiques! Desde luego, no dudes en consultarme si tienes alguna pregunta.

Además de esto, el reproductor también es compatible con diferentes skins si no te gusta el skin predeterminado.

Por defecto, el reproductor de video usa la plantilla predeterminada proporcionada por Flowplayer. Si no te gusta eso y quieres probar otra cosa, puedes usar la plantilla mediaelement proporcionándola en el parámetro template, como se muestra en el siguiente fragmento de código.

1	[evp_embed_video url="{MP4_FILE_URL}" template="mediaelement"]

Y debería generar algo como esto:

Además de esto, puedes usar CSS personalizado para cambiar la apariencia de diferentes controles en el reproductor de video.

Entonces, como puedes ver, este proporciona muchas maneras de personalizar el reproductor de video de acuerdo a tus requisitos. Siéntete libre de experimentar con diferentes opciones para ver de qué manera afectan el resultado del front-end.

Y con eso ¡también hemos llegado al final de este artículo!

El siguiente paso: un vistazo rápido a un par de reproductores de video avanzados

Hoy discutimos cómo puedes integrar un reproductor de video en tu sitio web de WordPress mediante el uso de un complemento gratuito.

Pero si estás buscando reproductores de audio más avanzados que puedas usar de inmediato, consulta las siguientes publicaciones que resumen algunas excelentes secuencias de comandos disponibles a un costo bajo.

Conclusión

Hoy discutimos cómo puedes incrustar videos usando el complemento Easy Video Player en WordPress. Si quieres compartir tus experiencias sobre los otros complementos para reproductores de video que has usado en tu sitio web, y si deseas recomendarlos, ¡no dudes en compartir tus pensamientos usando el canal que aparece más adelante!

Además, si quieres usar complementos personalizados pero no te sientes cómodo trabajando con servidores y prefieres que alguien lo haga todo por ti, considera el alojamiento administrado de WordPress. Gracias a la asociación de Envato con SiteGround, puedes obtener hasta un 60% de descuento en el alojamiento administrado de WordPress.