sábado, 20 de noviembre de 2010

Cómo Agregar un Video de YouTube a un Blog?

Paso a paso para agregar un video a un blog. Conceptualmente este artículo sirve para otras plataformas y sitios de alojamientos de videos. El ejemplo a continuación es mediante YouTube y Blogger.

1. Escribimos nuestra entrada del blog como siempre, pero sin publicar todavía.

2. Buscamos nuestro video en YouTube.

3. Hacemos clic en "Insertar" (en inglés es Embed)



Usuario en la interfaz de YouTube listo para agregar un video

4. Configuramos según nuestras preferencias:

Si no queremos detalles, pasemos al paso 5 :)


Usuario configurando el código de un video para agregarlo al blog

Configuración:

Incluir Videos Relacionados (Include related videos): Seleccionamos si queremos que, luego de insertar el video, se muestren videos relacionados a la temática del mismo.

Activar el modo de mejora de la Privacidad (Enable privacy-enhanced mode): Activa el modo de privacidad mejorada. Restringe la capacidad de YouTube al desplegar cookies en la computadora del usuario que entra a tu post. En este caso hace que YouTube no agregue cookies a su PC, a no ser que dicho usuario haga clic en play (el tema de las cookies lo trataré más adelante)

Play in HD: Habilita la reproducción en Alta Definición. El HD es hasta el momento la mejor calidad de imagen. Está función puede ralentizar la reproducción, más que nada en conexiones de Internet lentas.

Utilizar código de inserción anterior (Use old embed code): Actualmente por defecto el código a insertar es del tipo iframe. Digamos que es un código para que la reproducción sea compatible con reproductores de dispositivos móviles, nuevas tecnologías etc. Si cliqueamos esta opción usaremos el código antiguo, esto es una alternativa si es que notamos que por defecto (con el iframe) los videos tienen problemas en cargarse o reproducirse en una PC común.

Consejo: Recomiendo, por el momento, quitar todas las “tildes verdes”, de esta forma evitaremos errores y agilizaremos la reproducción (por experiencia). La idea es evitar que los videos queden colgados al intentar reproducirse.

Luego:

Seleccionamos el color del reproductor y el tamaño. El color es a gusto y el tamaño también, pero recomiendo un tamaño pequeño. Con un tamaño chico, nos aseguramos que entre sin dificultades dentro del post, o mejor dicho que no se sobresalga de este.

Consejo: Poner 425 en la caja que dice width (ancho), esto hace que de forma proporcional cambie el Height (alto). Al tener 425 px de ancho, nos aseguramos que quede bien en la mayoría de las configuraciones de las plantillas de Blogger. Si es necesario podemos elegir un ancho todavía menor.

5. Hacemos clic derecho sobre el código y lo copiamos.

6. Nos dirigimos al post que estamos escribiendo y, en la entrada de edición, seleccionamos “Edición HTML”.

7. Nos ubicamos al final del párrafo anterior, al cual queremos añadir el video, y apretamos 1 o 2 veces la tecla Enter (para dejar espacio entre texto y video). Luego pegamos el código que habíamos copiado.

8 Seleccionamos “Vista Previa” y si todo está bien publicamos la entrada.



Consejo general:
Actualmente en el sitio Youtube, abajo de todo, se encuentra una opción de preferencia de idioma. Esto es una buena opción para cambiar a nuestro idioma la interfaz del sitio y principalmente sus opciones, de esta forma es más intuitivo ;)


Artículos relacionados

31 comentarios:

  1. Muy interesante este post! Como siempre viene muy pero muy bien, mas que estoy empezando un blog y todas estas cositas me ayudan a armarlo.

    P.D:queria invitarte a que pases por mi nuevo blog: Las Historias de Carla

    ResponderEliminar
  2. Rele:
    Muchísimas gracias. pasá por mi blog :)
    Kisses

    ResponderEliminar
  3. Me alegro de que les sirva estos tips para agregar un video al blog.

    PD: Aguk, menos mal que no me conocés realmente, sino te darías cuenta lo equivocada que estás :)

    saludos

    ResponderEliminar
  4. Aunque AGUK no te conozca, ni yo tampoco, también considero que sos un amor de persona!!!!
    Feliz semana!

    ResponderEliminar
  5. Hola Relevo! pasaba nuevamente a desearte Muy Felices Fiestas!!!

    ResponderEliminar
  6. Muchas gracias Carla e igualmente!

    ResponderEliminar
  7. Hola Relevo, hace mucho que no pasaba pòr tu espacio!!!!

    Espero que hayas empezado muy bien el año...

    Besote

    ResponderEliminar
  8. Hola La Novia, todo bien por aquí, planeando postear algo más seguido :)

    saludos!

    ResponderEliminar
  9. hola, respecto a pegar un video de youtube en un blog, sin problemas. La pregunta cuando el video se ve desde mi blog,cuando termina el video,automaticamente da la posibilidad de ver mas videos pero que te redirigen a youtube. Como se puede hacer para que se vea el video, sin que de opcion de ver más y asi no dar la posibilidad de que los que lo estan viendo se vayan a ver mas videos a youtube. gracias

    ResponderEliminar
  10. Hola Rock.

    Para que no de la posibilidad de ver más videos al final tienes que dejar vacía la cajita que tiene la tilde verde en "Include related videos" o en español "Incluir videos relacionados" (paso 4, imagen y primera opción de configuración). Dejando sin seleccionar esa opción ya no se tendría que ver más esa opción de ver otros videos, y lo que aparecería sería solo la opción de "replay" para ver de nuevo el mismo video sin salir del blog.
    No sé si esa era la pregunta, creo que sí, pero cualquier cosa avisame.

    Saludos

    ResponderEliminar
  11. Hola,
    Gracias por tu rapida respuesta. El problema es que yo los videos de youtube los agrego directamente desde mi blog. No los agrego como tu describes desde youtube,entonces desde mi blog no tengo esa opcion de "Incluir videos relacionados" o por lo menos yo no la veo. Sabes si se puede cambiar esa opcion desde el blog?? Muchas gracias

    ResponderEliminar
  12. Hola Rock
    Es recomendable poner el video como lo describo en este post, ya que te da las opciones de forma más precisa y más clara para configurar etc. Para que te quede igual a lo que venís haciendo en tu blog solo debes poner el tamaño similar Ej. 320 y 266 (fíjate la segunda imagen de este post, para poner el ancho en 320 o en otro que quieras). Además esto es más cómodo para las personas que piensan insertar videos de forma seguida.

    Si de todas maneras insistes en seguir agregando los videos de Youtube desde Blogger, puedes probar con lo siguiente (que es más engorroso):
    Luego de insertar el video, y antes de hacer clic en publicar, has clic en la solapa “Edición HTML”, luego busca el código de Youtube, es similar al código que te muestra cuando se hace clic en “Insertar (o embed”) en Youtube. (para hacer esto más rápido, si es que el post es muy largo y no lo ves a simple vista, presiona la tecla Ctrl. y la letra F al mismo tiempo, luego en la caja que se abre arriba pon “youtube” (sin comillas) y busca el código.
    Luego verás que en una parte del código dice algo así como:
    src="http://www.youtube.com/v/jjxxxxxxxxxxxxxRfVv4&fs=1&source=uds
    (esto aparece 2 veces)

    Luego de donde dice “uds” al final de esas URLs y antes de las comillas de cierre (”) debes escribir ?rel=0, ese es el bendito parámetro para que no se muestren videos relacionados.

    La 2 URLs te deberían quedar algo así (en las 2 que aparecen):

    src="http://www.youtube.com/v/jjxxxxxxxxxxxxxRfVv4&fs=1&source=uds?rel=0"

    Eso debería funcionar en todos los navegadores pero mejor es probarlo para asegurarse (en firefox y en Internet Explorer 8 al menos).

    Como ya te habrás dado cuenta es mejor agregar los videos como lo describí en este post. Pero al menos esta explicación que te di en este comentario te sirve por si quieres arreglar los videos que ya has insertado.

    Luego cuéntame como te fue por si se me pasó algo etc.

    ResponderEliminar
  13. Hola,
    Tienes razón, al final voy a agregar lo videos como tu describes, de la otra forma es mas complicado. Gracias por todo y hasta otra ocasion
    Saludos

    ResponderEliminar
  14. Ok, agregar los videos desde el mismo blog en blogger, para las personas que no quieren detalles, talvez es lo más rápido digamos, pero luego si quieres configurar los videos con precisiones se complica un poco al tener que modificar los códigos en la edición HTML del post.
    Por eso es mejor directamente configurar en Youtube, luego copiar, pegar el código y listo, más fácil.

    Saludos!

    ResponderEliminar
  15. hola, otra vez relevo,
    me ha salido otra duda, ahora que estoy agregando los videos como te he dicho, no me salen centrados como antes, es decir no me salen justo debajo de la foto como antes, me salen desviados para un lado, sabes como se pueden centrar?
    gracias

    ResponderEliminar
  16. Hola Relevo,
    Ya encontre la solucion para centrarlo.
    gracias otra vez

    ResponderEliminar
  17. Hola Rock
    Me alegro que hayas encontrado la forma para centrarlos. Seguramente para centrar el video seleccionaste su código o la imagen del video que aparece cuando se escribe la entrada y luego le hiciste clic en el icono de "Alineación al centro" (al igual que se hace en los procesadores de textos como el Word), eso también es más rápido que andar retocando el HTML :)
    Saludos!

    ResponderEliminar
  18. Hola Relevo, que tal,
    Tengo una pregunta para ti. En fuentes de trafico, sabes como se puede eliminar un sitio de referencia o una URL de referencia.
    Gracias y saludos

    ResponderEliminar
  19. Hola Rock.
    Si te refieres a donde dice “Estadísticas”, en el escritorio de Blogger, y luego “fuentes de trafico”, te aviso que esas son justamente estadísticas o datos que recoge Blogger sobre tu sitio, más precisamente de donde vienen tus visitas. En esto no se puede (que yo sepa) borrar una determinada URL o sitio, tampoco entiendo porque quieres borrar una, esto no te afecta en nada ya que son datos (URLs) externas a tu blog.
    Talvez no te gusta que alguien determinado te enlace, ya que ahí vez quien te enlaza (al menos a algunos). Si es por esto, lo que se me ocurre es que le pidas al dueño del blog o sitio que te enlaza que ya no lo haga, de esta forma en un tiempo seguramente la URL desaparecerá, ya que no será más una fuente de tráfico.

    Saludos, y respóndeme a ver si te entendí bien.

    ResponderEliminar
  20. Hola,
    Si, ya se que las fuentes de trafico, recogen las estadisticas, para saber de donde vienen las visitas. El caso es que, no se porque razón, se ha insertado una URL que me lleva a mi hotmail. Es decir si tengo habierto mi hotmail, y hago click en el URL que tengo en fuentes de trafico,me lleva directo a mi bandeja de entrada, y sino lo tengo abierto me lleva a hotmail.com. Por eso me parece un poco raro.
    Saludos

    ResponderEliminar
  21. Hola Rock

    Claro, seguramente que tienes enlaces en Hotmail hacia tu blog. Ejemplo, le pasaste la URL de tu blog a un amigo o alguien recomendó tu blog por correo de hotmail o algo similar. Entonces Blogger detecta que vienen visitas de Hotmail y pone su URL o alguna similar referida a sus correos. Al tener abierta tu sección de msn o hotmail, si haces clic en ese enlace te lleva a tu bandeja, ya que el navegador que uses detecta que dicha sección está abierta. Si te fijas (sin iniciar sección) en https://login.live.com/ (o en hotmail.com) verás que hay 2 casillas que dicen “Recordarme” y “Recordar mi contraseña”, estas es recomendable que estén vacías, más que nada cuando compartes PC. Sino, o si has abierto la sección, es digamos normal que ese enlace te dirija a tu bandeja.
    Esto es lo mismo a cuando vas a http://www.blogger.com/ y ya tienes tu sección de Google abierta, lo que sucede es que irás dirigido a tu escritorio (o bandeja) de blogger.

    Por un tema de seguridad te recomiendo que te leas los siguientes 2 artículos en relación al tema: Protegerse de Robos de contraseñas (para asegurarte de que no sea un intento de pishing o algo similar) y además Cambiar la contraseña del MSN - Hotmail ya que es muy bueno de vez en cuando cambiar las contraseñas. Además te deja más tranquilo, por si acaso...

    Saludos

    ResponderEliminar
  22. Hola Relevo,que tal,
    A ver si me puedes ayudar con esta pregunta. Como poner un chat en mi blog??
    Gracias otra vez

    ResponderEliminar
  23. Hola Rock.
    Pronto voy hacer un post sobre el tema (de paso dejo esta entrada para la temática de insertar videos de Youtube, que ahora está con algunos cambios). Si quieres puedes suscribirte a este post mediante correo electrónico (abajo de la caja para comentar está el enlace) porque cuando tenga listo el post voy a dejarte un comentario aquí con un enlace a la entrada. Tengo que hacer unos testeos más sobre el tema, ya que hay que tener mucho cuidado que algunos chat que se insertan tienen virus (o similar).

    Saludos

    P.D. Luego cualquier cosa en donde dice "Contacto" tienes mi e-mail

    ResponderEliminar
  24. Rock, si andas por por esta entrada, aquí te dejo el enlace para Agregar un Chat a un Blog.
    Cualquier cosa sobre el tema preguntame ahí mismo.

    ResponderEliminar
  25. Hola relevo. Gracias por la ayuda, o en mi caso por refrescarme la memoria porque yo sabia como era pero no me acordaba! Gracias nuevamente.

    ResponderEliminar
  26. Hola savo91

    A veces pasa de no recordar estas cositas, además a veces Youtube cambia de interfaz etc. y eso complica un poco recordar o ubicar las opciones.

    Saludos

    ResponderEliminar
  27. Hola tu información me ayudo mucho en una tarea que me pusieron, muchas gracias.

    ResponderEliminar
  28. Hola

    Que bueno que esta información te haya servido de ayuda

    ResponderEliminar
  29. Hola buen blog! tengo una pregunta capas puedes responder!
    Yo inserto los vídeos en mi blog en el tamaño mayor! por que quedan muy bien!
    Pero necesito saber si hay alguna manera de sin tocarle el tamaño se vea tambien bien! el los dispositivos móviles y tablets Muchas gracias y saludos!

    ResponderEliminar
  30. Hola

    Te recomiendo que pruebes configurar la plantilla para móviles en tu blog. Para esto selecciona la opción “Plantilla”, luego en la Opción "Móvil" debajo (en el icono “engranaje”) puedes cambiar la plantilla o puedes hacer uso de la opción Personalizado.
    Configura o personaliza a prueba y error hasta que te guste el resultado o al menos mejore.

    ResponderEliminar

Opina con libertad! Voy a tratar de que tu comentario aparezca en la entrada cuanto antes! Gracias!