Como personalizar el reproductor de youtube

reproductor-de-youtube-psd_33-3588Hola, Querido lector@..

En este articulo voy a explicarte como puedes personalizar tu reproductor de Youtube para insertarlo dentro de tu blog o pagina web de una manera muy fácil y muy sencilla .

Youtube tiene algunas características -digamos un poco ocultas para que puedas cambiar la apariencia y la funcionalidad de la reproducción de tus Videos.

Al descubrir estas características tu podrás eliminar la barra de reproducción, la barra superior de la información, e incluso podrás borrar el lógo de Youtube del reproductor.

Pues Bien.. empecemos:

 

1. Como Insertar un vídeo de Youtube en tu Blog

Insertar un vídeo de Youtube en una web se suele llamar embeber, que significa incrustar.

Para lo cual hacemos lo siguiente, buscamos el video que vamos a insertar en nuestro blog, y en la parte inferior del video se encuentra una opción que dice «compartir», damos un clic y escojémos la opción «insertar», seguido nos aparece un código html, ese código debemos copiarlo y pegarlo dentro de nuestro blog, pero asegurándonos que lo peguemos en e editor HTML

A continuación te dejo con una imagen de lo que he explicado.

Al momento de querer copiar el video, puedes personalizar el tamaño del video al que tu desees,  y de preferencia te recomiendo que desactives la opción «Mostrar sugerencias de videos cuando finalice la reproducción del video», al desactivar esta opción no permitirás que se muestren otros videos de otros canales.

 

2. Como eliminar videos relacionados al finalizar la reproduccion del video.

Al momento de activar o desactivar el casillero de «Mostrar sugerencias de videos cuando finalice la reproducción del video», te darás cuenta que dentro del código aparece la palabra «?rel=0«, este nos indica que al finalizar el video no se mostraran videos relacionados, pero si cambiamos el numero 0 por el 1, entonces se verán los videos relacionados.

El numero hace referencia

 

3. Cómo reproducir automáticamente un vídeo de Youtube

Para poder reproducir el video automáticamente cuando un visitante llegue a tu pagina, lo único que debes hacer aumentar el parámetro «autoplay=1». El código se vera así:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?autoplay=1» frameborder=»0″ allowfullscreen></iframe>

4. Esconder la barra de control de un vídeo de Youtube

Para evitar que el usuario pueda interactuar con el video, debemos ocultar la barra de los controladores, aplicando el parámetro  controls=0, nuestro codigo debera verse asi:

 <iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?controls=0» frameborder=»0″ allowfullscreen></iframe>

 

 5. Esconder la barra superior del vídeo de Youtube.

Para esconder la barra de información superior del video, el parámetro a utilizar es «showinfo=0». El código deberá ser el siguiente:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?showinfo=0» frameborder=»0″ allowfullscreen></iframe>

Y el resultado sería este:

 

6. Cambiar el tema de tu reproductor de Youtube

Para poder cambiar el color del thema del video, el parámetro que debemos utilizar es «theme=light». Quedando el código de la siguiente manera:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?theme=ligth&showinfo=0» frameborder=»0″ allowfullscreen></iframe>

Y el reproductor quedaría como este:

 

7. Ocultar el lógo de Youtube de la barra de control

Si no quieres que se vea el lógo de youtube en la barra de control de tus videos, entonces vamos a utilizar el parámetro «modestbranding=1», es importante que también escondas la barra superior de información ya que al esconder el logo de la barra de control va aparecer en la barra superior. El código se vera de la siguiente manera:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?showinfo=0&modestbranding=1» frameborder=»0″ allowfullscreen></iframe>

 

Y el resultado sería este:

Lo único que es imposible eliminar u ocultar es el lógo que aparece sobreimpreso en la parte inferior derecha del video. Pero creo que estos parámetros te van hacer de mucha ayuda.

Recuerda que para hacer combinaciones de parámetros se debe utilizar el siguiente carácter «&», quedando de la siguiente manera:

<iframe width=»560″ height=»315″ src=»//www.youtube.com/embed/NCC_aAlQNzc?showinfo=0&modestbranding=1» frameborder=»0″ allowfullscreen></iframe>

En todo caso si no quieres que aparezca ni un solo rastro dentro de tus videos de la plataforma que estas utilizando, lo mejor es contratar otra plataforma de pago, como vimeo o cualquier otro servidor de videos.

Información Extra acerca de lineas negras negras en los videos..

Probablemente te haya pasado que cuando subes tus videos a Youtube te queda unas lineas negras ya sea de forma horizontal o de forma vertical, Verdad que si?.. Pues bien, para solucionar este pequeño inconveniente es muy facil, solo debes insertar estas instrucciones en los tags del video, es decir, donde van las palabras claves..

Para eliminar las barras negras horizontales  de los videos debes insertar en los tags esta instrucción: yt:stretch=4:3

lineas_negras_horizontales

Para eliminar las barras negras vericales  de los videos debes insertar en los tags esta instrucción: yt:crop=16:9

lineas_negras_verticales

Si te ha gustado el artículo, por favor compártelo o dale un me gusta.

firma

Abrir chat
Hola 👋
¿En qué podemos ayudarte?