YouTube es una plataforma donde puedes crear una cuenta gratuita y compartir videos. En la actualidad, no sólo artistas comparten videos en sus respectivas cuentas de Youtube, sino que existen personas comunes y corrientes que se han ganado una gran audiencia debido a contenido que publican en esta plataforma. Así que, como ves, Youtube puede ser una poderosa red social para promover tu marca y hacer crecer tu negocio.
Si deseas compartir videos de Youtube y quieres enlazarlo a tu sitio web o si simplemente deseas integrar esta red social en tu sitio, te listamos algunos plugins jQuery para Youtube que te pueden ser de ayuda.
YouTube Gallery Wall
Con Youtube Gallery Wall puedes convertir las listas de enlaces a Youtube en una cuadrícula ordenada de las vistas en miniatura de cada video. Al pinchar sobre uno de los videos este se abrirá en una nueva ventana o en un caja de estilo lightbox según tu preferencia.
Youtube Gallery Wall es de diseño responsive y puedes crear una cuadrícula de 4 columnas para las vistas en miniatura de tus videos. Sin duda es una opción más atractiva a nivel visual que simplemente presentar una lista con la URL de los videos.
Tubular
Tubular tiene como objetivo colocar videos de Youtube como fondo en cualquier página web. Es un plugin sencillo de implementar, pero requiere que tanto JavaScript como Flash estén activos en el navegador del cliente.
Recuerda que este plugin sólo te permite colocar los videos como fondo, para mejora la legibilidad del texto que colocarás en tu sitio deberás hacer uso de transparencias o algún otro recurso.
Youtube PopUp
Youtube PopUp, como su nombre indica, permite colocar videos que se abren en una ventana emergente en tu sitio web. Lo único que debe hacer el usuario es pinchar sobre el video y automáticamente éste se abrirá y reproducirá.
También es compatible con Vimeo, WordPress y está optimizado para pantallas de retina y dispositivos móviles.
PreviewTube
PreviewTube es un plugin jQuery ligero que tiene un único propósito: animar las vistas en miniatura de videos de Youtube. Posee 3 estilos: estándar, constante y velocidad de animación. Además, posee dos opciones básicas para modificarlo: modo e intervalo.
Youmax
Youmax is un plugin que te permite colocar cualquier canal de Youtube en tu sitio. Con este plugin tienes acceso a todo el canal, como si lo estuvieras viendo desde la misma página de YouTube, de modo que que el usuario puede ver los videos subidos, las listas de reproducción, la imagen de portada del canal, etc.
Posee dos estilos y es de diseño responsive, de manera que el layout se adapta al ancho de pantalla del dispositivo donde se visualiza.
Responsive Youtube Player with Playlist
Responsive Youtube Player with Playlist, como su nombre indica, te permite añadir un reproductor de videos de Youtube y una lista de reproducción. El aspecto es bastante parecido al reproductor de Youtube, casi como si lo incrustara en el sitio web, aunque puedes modificar la proporción del reproductor.
Ya que emplea JSON, sólo puede visualizar los primeros 50 elementos de cualquier lista de reproducción.
Video Lightning
Video Lightning convierte elementos en lightbox para videos de Youtube o Vimeo. Posee opciones para cambiar el estilo de la caja lightbox y se puede previsualizar los videos en cuanto el cursor se posiciona sobre alguno de ellos. Tienes acceso a todas las opciones de incrustación en la API, tanto para Youtube como para Vimeo.
jQuery.mb.YTplayer
Este plugin te permite crear tu reproductor para videos de Youtube o incrustar algún video de esta plataforma en tu sitio web y usarlo como fondo.
jQuery Youtube Background Video
jQuery Youtube Background Video es un plugin que te permite colocar videos como fondo en tu sitio web haciendo uso de la API de Youtube. Ha sido inspirado por otro popular plugin que realiza la misma función y que ya hemos mencionado anteriormente en esta entrada: Tubular.
Youtube URL to Fullscreen Video Lightbox
Youtube URL to Fullscreen Video Lightbox o simplemente YU2FVL es un plugin jQuery que permite añadir videos de Youtube a tu sitio web de manera sencilla. Tienes control sobre la proporción del video, de modo que se adapte a tu layout. Es compatible con cualquier formato de URL de Youtube.
YU2FVL es un plugin ligero y de diseño responsive.
jQuery Video Extend
Como su nombre indica, jQuery Video Extend es un plugin que permite añadir ciertas características o funciones a tu videos en HTML5 como añadir un logo o marcadores con etiquetas. Aunque no es un plugin exclusivo para Youtube es compatible con esta plataforma y bien podrías integrarlo a tu sitio web con videos de Youtube.
PrettyEmbed.js
PrettyEmbed.js te ofrece opciones adicionales para mejorar el aspecto de los videos incrustados en Youtube, por ejemplo, elige la vista en miniatura que posee mayor resolución. También puedes personalizar el aspecto y controlar mejor cómo se ve el video mediante sus opciones de incrustación.
Youtube TV
YouTube TV es un reproductor de video para Youtube que ofrece opciones para integrar listas de reproducción, ya sean de un solo usuario o de varios. Es decir, puedes reproducir videos que forman parte de un solo canal o listas de videos que integran a varios canales y usuarios.
Posee opción de reproducción automática y también puedes reproducir el video en pantalla completa. Puedes personalizar su aspecto mediante CSS.
EasyEmbed
EasyEmbed es una plugin ligero y rápido que te permite incrustar videos desde Youtube y Vimeo. Es de diseño responsive, puedes personalizarlo y los parámetros pueden ser transferidos mediante los atributos de HTML5 sin la necesidad de escribir código javascript en tu archivo.
En conclusión…
Youtube es una popular plataforma para videos y no es de extrañar que se creen ciertos plugins para facilitar su integración en sitios web. Ya sea que estés buscando atraer a tus visitantes al compartir tu canal de Youtube o enlazar un nuevo video desde esta plataforma, siempre hay otros desarrolladores que presentan los mismos problemas y debido a ello crean plugins.
Si existe algún otro plugin jQuery para Youtube que consideres de utilidad no dudes en mencionarlo en la sección de comentarios.