viernes, 13 de abril de 2012

Reproducir música de fondo en nuestro blog

Si lo que queremos es que se reproduzca una canción de fondo, sin necesidad de darle al play, sino que simplemente comience a sonar cuando se abra el blog los pasos son los siguientes:
i. Seleccionamos la canción de YouTube que nos interese.
ii. Procedemos como si fueramos a colgar el vídeo completo de YouTube en nuestro blog. Pinchamos en Compartir<Insertar y pinchamos sobre la opción "Utilizar código de inserción anterior". Copiamos dicho código completo, por ejemplo éste:
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?version=3&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?version=3&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Debemos cambiar, las dos veces en las que aparece, version por autoplay, y el 3 que aparece a continuación del igual por un 1.
<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Una vez hecho lo importante podemos plantearnos que no aparezca la imagen. Para ello simplemente definimos las altura y anchura como de tamaño 0 (en dos lugares nuevamente), quedando así:
<object width="0" height="0"><param name="movie" value="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/QEllLECo4OM?autoplay=1&amp;hl=es_ES&amp;rel=0" type="application/x-shockwave-flash" width="0" height="0" allowscriptaccess="always" allowfullscreen="true"></embed></object>

- Finalmente mi consejo es que este mismo código lo coloquéis como un gadget en la barra lateral en lugar de en una entrada, pero según vuestras necesidades.


CONSEJO. Esta opción puede ser una buena opción si vuestro blog se adapta a ello. Lo normal es que la música de fondo acabe cansando o distraiga la atención del contenido principal. De poner una música de fondo procurar que sea discreta, sin letra y larga para que se repita constantemente.

VIDEOTUTORIAL. Como reproducir música de fondo de YouTube en Blogger (segunda parte del video, a partir del minuto 5').

46 comentarios:

  1. Realmente es muy precisa tu explicación, como así también el video. Mi único inconveniente es que no me funcionó de ningunas de las dos formas : Ni dentro del post, Ni añadiendo un gadget. Me gustaría saber que problema pude haber tenido. La idea mia era unicamente ponerlo en el primer post que tengo para que cuando cambiaran a otro post la música dejara de funcionar.Finalmente lo he dejado insertado con autoplay,pero viendo el video.Por las dudas dejo mi correo porque en muchos lugares que he consultado temas nunca supe donde encontrar las respuestas.Gracias.
    jorgedeolavarria@hotmail.com

    ResponderEliminar
  2. No sé dónde puede estar el error. Se me ocurre recomendarte repetir el proceso por si acaso se borró alguna parte en algún descuido.. aunque supongo que ya lo habrás intentado! En cualquier caso has probado a definir un width y height distinto de cero, por ejemplo 1. Es raro que se te reproduzca en grande pero no al reducir a 0 el tamaño.
    Siento no ser de más ayuda.

    ResponderEliminar
  3. El problema reside en que youtube exige que el vídeo tenga un tamaño determinado, conclusión al estar con cero youtube dice que nanay,tiene una medida mínima,ahora no recuerdo vaya.
    Este truco ha funcionado bien, pero se acabó

    ResponderEliminar
  4. si la verdad no funciona por que yo tambien le puse 0 y nada de nada

    ResponderEliminar
  5. Esto si funciona, acabo de probarlo:
    1 - Subir el ogg y el mp3 (uno o los dos) a:

    http://kiwi6.com/

    2 - En un HTML/Javascript poner esto y sustituir donde dice 'archivo.ogg'
    y 'archivo.mp3' por los de la web.
    ( En la web pinchar en el enlace que nos da al finalizar la subida y
    copiar en la ventana que nos aparecerá donde dice 'Direct Hotlink:' ):





    Lo siento tu navegador no soporta el elemento audio.




    - Con autoplay="autoplay", especificas si el audio se reproducirá una vez que
    esté listo, es decir se reproduce automáticamente al cargarse.

    - Con loop="loop", se especifica que el audio se va a reproducir de nuevo cada
    vez que se terminé, es decir, se reproducira indefinidamente una y otra vez.

    - Con controls="controls", se especifica que los controles de play/pausa etc, se
    van a mostrar.

    ResponderEliminar
  6. Como veo que el codigo no ha salido lo pongo ahora convertido a ver si se ve. Perdona por la molestia:

    <audio loop="loop" autoplay="autoplay" controls="controls">
    <source src="archivo.ogg" type="audio/ogg" />
    <source src="archivo.mp3" type="audio/mp3" />
    Lo siento tu navegador no soporta el elemento audio.
    </audio>

    ResponderEliminar
    Respuestas
    1. Al contrario, muchísimas gracias por el aporte. Aún no lo he comprobado pero le daré un vistazo en cuanto tengo un rato!

      Eliminar
    2. Muy bueno el post, me ayudo mucho.

      Solo que resulta un poco tedioso tener el reproductor a la vista, si agregagamos el tag "hidden", queda perfecto.

      Gracias por la ayuda.

      Eliminar
    3. Flamman muchas gracias fue muy eficaz, un abrazo.

      Eliminar
  7. Genial, intenté varios y este si me funcionó.
    Muchísimas gracias.

    ResponderEliminar
  8. Si le pones al video tamaño 2 te funciona, yo lo he hecho y ha funcionado.
    jalme

    ResponderEliminar
  9. Excelente amigo , gracias te lo agradezco, tus instrucciones claras y precisas , Mix pod cerró su sitio y ya no podía tener música , ahora todo quedó muy bien
    Muchas gracias

    ResponderEliminar
  10. Gracias enserio me funciono. Mi blog es http://xogamers.blogspot.com/ para que te des una vuelta

    ResponderEliminar
  11. Hola¡
    tengo un problemilla.
    Puese la musica de fondo siguiendo los tutoriales....y me funcionó¡
    Pero queria cambiar de canción , borré el gadget y lo volví a meter con la cación elegida...pues ya no se escucha, he probado con playlist de Goear....y nada
    Que leches le pasa? sabeis?.
    Gracias por la atención.
    eltigredekarabanchel@gmail.com

    ResponderEliminar
  12. amigo muchas gracias por este excelente aporte , le cambie en weidth 1 y en height 1 y fue excelente con 0 no me funciono

    muchas gracias nuevamente

    ResponderEliminar
    Respuestas
    1. Me alegro de que sirviese..es raro lo de que no funcione con "0". Cuando tenga un rato lo reviso.

      Eliminar
  13. holaaa me funcionooo perfectamento, pero cuando reprozco otro audio o video de mi blog estan los 2 audios al mismo tiempo y se escucha feo como hago ... graciass :)

    ResponderEliminar
  14. algunos si les funciona pero ya e visto varios videos de como poner musica de fondo al momento de abrir el blog usando los codigos y cambiarlos y no se puede lo que yo quiero es una buena explicacion de el porque no se puede poner musica de fondo sin picarle autoplay , que inicio solito??

    ResponderEliminar
  15. Una explicaciones claras, precisas y concisas.
    Ah... Una pequeña aclaración:
    Dejé el alto del video en 1 porque en cero no me funciona

    ResponderEliminar
  16. funciona muy bien, la musica ha de ser discreta , relajante pues si es de lectura el Blog requiere de eso.
    Mi pregunta ahora es si mi blog tiene varios tutoriales , una musica autoplay no me conviene, antes yo tenía puesto el music box pero despues de SOPA esto no pudo ser. ¿Existe una forma de colocar musica que sea visible en un blog de tal forma que cuando un usuario necesite escuchar el tutorial pueda pausar la musica y luego volverla a escuchar?

    ResponderEliminar
  17. ¿podrías escribir las instrucciones como hiciste para musica autoplay , pero para la primera parte que se ve en tu video , la letra es muy chiquita y creo que cometí un error porque igual me redirige a youtube y no me salen los controles para que la gente pueda pausar la musica si lo desea

    ResponderEliminar
  18. Que buena información. Muy útil. Me ha ayudado muchísimo

    ResponderEliminar
  19. hola! me podrían decir como hacer para que, con el primer sistema (el q copio de youtube), el tema se reproduzca constantemente??? gracias

    ResponderEliminar
  20. Muchas gracias!! :) Funciona perfectamente. Fantástico y que además nos hayas explicado cómo hacerlo invisible, que solo se oiga la música de fondo al abrir el blog.
    Mi petición, para redondear la cosa ya, es que sería perfecto si además pudiéramos colocar solamente un pequeño botón visible para poder hacer pausa de la música si el visitante desea por ej, poder disfrutar de videos del youtube que tengo insertados en el blog dentro de algunas entradas, entonces si lo que se quiere es ver los videos desde mi blog, la música de fondo sonando molestaria mucho. ¿Se podría conseguir este botón para hacer pausa y play cuando queramos, pero solo ese boton y ya está, sin ningún tipo de reproductor visible?? Muchas gracias, estaré pendiente de tu respuesta. :) Ah! Me acabo de dar cuenta que no se reproduce la música constantemente, sino que cuando acaba la pieza no suena más, me sumo por tanto a la pregunta anterior de Flavio de cómo poder hacer que la pieza se reproduzca constantemente también. Gracias!!

    ResponderEliminar
  21. Buenas noches. Todo lo he he leído es muy útil. Por favor, yo también desearía saber cómo se puede hacer para que la canción se reproduzca continuamente.
    Muchísimas gracias.

    ResponderEliminar
  22. En Youtube no sale "Utilizar código de inserción anterior". Sólo está el botón "Compartir" y nada más. Así que no puedo seguir. Saludos. Alejandro.

    ResponderEliminar
  23. Ya sé donde esta el código de inserción. Gracias. Alejandro.

    ResponderEliminar
  24. a mi me funcionó pero desgraciadamente la canción se termina y no vuelve a reproducirse automáticamente que debo hacer para que se reproduzca continuamente. Mi blog www.ColombiaUnida2006.blogspot.com

    ResponderEliminar
  25. Excelente, muchas gracias me fue de mucha ayuda!! :), no tenía ni idea de como hacerlo..

    ResponderEliminar
  26. Me funcionó perfecto tal cual, gracias.

    ResponderEliminar
  27. Muy bueno nro me salio me funciona perfecto...

    ResponderEliminar
  28. me salio perfecto graciasssssssssss segun explicas en el video poniendo autoplay 1

    ResponderEliminar
  29. Me alegro.. suerte a todxs con vuestros blogs! Y si queréis incluir el enlace para ver vuestro resultado final (a ver como andamos de gusto ;))

    ResponderEliminar
  30. Le puedo poner mas de una cancion ??

    ResponderEliminar
  31. En los vídeos de youtube me aparece un embed muy corto y no puedo encontrar donde dice "version" para cambiar a autoplay, cómo puedo hacerlo? Gracias, muy bueno el aporte.

    ResponderEliminar
  32. Gracias por la explicación tan detallada, que generosamente habéis compartido.

    No tengo idea, si aún este foro de discusión esta abierta......pero igual dejaré mi interrogante abierta, en espera me puedas apoyar.

    Al igual que muchos de los que en este espacio se han proclamado......todo me ha funcionado perfectamente; a excepción de lograr que el audio se reproduzca constantemente.
    Anule la palabra autoplay.....y en su lugar escribí loop...........No sé, si estoy omitiendo algunas comillas, espacios o algún otro signo.

    Si recibes esta misiva, serían tan amable de dejar el ejemplo de un código, con al opción loop; y de esta forma lograr nuestro objetivo?

    Agradeciendo de antemano, la atención a la presente.

    Me suscribo atentamente, deseando que Dios te permita, gozar de todas las cosas bellas que la vida puede ofrecer.

    Silvia Regina Cossío Cámara

    ResponderEliminar
  33. Hola!!! Soy Astrologa y necesitaba colocar una musica de fondo en mi blogger...Busque información en internet y la tuya me parecio muy explicativa. Pero tengo un problema, cuando seleciono la musica y doy insertar vinculo, el código que me aparece es muy cortico....ya he intentado de todo para que me aparezca un código tal como usted lo describes aqui, pero no he logrado entender lo que me esta pasando.....Quedaria muy agradecida si me pudieras aclarar....Gracias! Saludos, astrologasandra

    ResponderEliminar
  34. disculpa quisiera saber como poner 2 canciones de fondoo

    ResponderEliminar
  35. Perfecto!!!!! lo hice tal cual y suena de maravillas con autoplay y no se ve el reproductor!!!!! En blogspot sale genial esto que enseñas, muy didáctico, simple, sencillo y útil. Mil Millones de Gracias!!!!!! ♥

    ResponderEliminar
  36. Hola equipo, yo en mi caso cuando ya consigo el video, inseto y finalmente no me aparece la opcion: "Utilizar el antigüo código de inserción". De verdad no se como hacer; pero les doy el codigo de insercion a ver si alguien me ayuda para que la musica se escuche una vez que abra mi blogs. agradezco su ayuda!!!

    ResponderEliminar
  37. mi problema es que cuando entro a youtube para seleccionar la cancion le doy a compartir y luego a insertar pero no me salen la pocion de "utilizar el codigo de insersion anterior?? que puedo hacer??

    ResponderEliminar