TRUCOS y
TUTORIALES
para tu blog
No, no vendemos
camisetas... aun
Camiseta Ciudad Blogger

Yahoo! Media Player: Reproductor de MP3

16 de febrero de 2010 | Número de comentarios273 comentarios
AVISO
Este reproductor ya no funciona, pero hay una versión más actualizada y funcionando de este reproductor que además de reproducir música MP3 también permite reproducir videos de YouTube.


Hay muchos reproductores en flash para MP3 pero pocos suelen ser tan llamativos y originales como el reproductor de MP3 de Yahoo! Media Player.
Es un reproductor el cual permanece "escondido" y al hacer click sobre el enlace de una canción aparece en la parte de abajo con los controles del reproductor.
Pueden ver un ejemplo haciendo click en cualquier a de estas canciones:

Michael BubléPeroxide swing
Michael BubléFever
Michael BubléThat's how it goes

Instalarlo en tu blog es una de las grandes ventajas ya que es de lo más sencillo en cuanto a reproductores de música.
Sólo tienes que entrar en Diseño > Edición de HTML y antes de </head> pegar lo siguiente:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

Ahora en una entrada o en un elemento HTML/Javascript pega esta línea por cada canción que quieras agregar al reproductor:
<a href="URL_de_la_cancion.mp3">Nombre de la canción</a>

Cambia la URL de tu archivo MP3 donde se indica al igual que el nombre de la canción. ¡Y listo! Automáticamente aparecerá junto al nombre de la canción un ícono de Play que indicará que es una canción.


NOTA: El reproductor no funciona si las canciones se alojan en Google Sites, pero puedes alojarlas en otro hosting como Dropbox o cualquier otro (Gracias a José GDF por esta aclaración)

Personalzación

Caratula del álbum
Si deseas que tus canciones también muestren la caratula del álbum entonces el código que deberás usar será este:
<a href="URL_de_la_cancion.mp3"><img src="URL de la imagen" style="display:none" />Nombre de la canción</a>

La imagen deberá ser cuadrada y no rectangular.


Eliminar logotipo de Yahoo! y leyenda learn more about this player
Por defecto el reproductor tiene el logotipo de Yahoo! y una leyenda con un enlace que dice: learn more about this player
yahoo media player
Para eliminarlo entra en Diseño > Edición de HTML y antes de ]]></b:skin> lo siguiente:
#ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
#ymp-relevance { display:none !important; }
.ymp-player-max #ymp-body { width:570px !important; }
.ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
.ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }


Cambiar el color del reproductor


El color original del reproductor es gris pero también puedes cambiarlo por el color que quieras, sólo agrega antes de ]]></b:skin> lo siguiente:
#ymp-player .ymp-color-main,
#ymp-tray .ymp-color-tray {
background-color:#2F437C !important;}

Cambia donde se indica el código del color que más te guste.


Cambiar el color de las letras del reproductor
Las letras del reproductor son un gris oscuro, pero si cambias el color del reproductor seguro podrás tener problemas para leer las letras, así que también puedes cambiarlo, sólo pega antes de ]]></b:skin> lo siguiente:
#ymp-player .ymp-color-text-main {
color:#000000 !important;}

Igualmente puedes elegir el color que prefieras.


Cambiar el color de la lista de reproducción
Igual que en el anterior quizá necesites cambiar el color de la lista de reproducción, para ello pega antes de ]]></b:skin> lo siguiente:

#ymp-tray .ymp-tray-track {
color:#FFCE0C !important; /* Color para los títulos */
}
#ymp-tray .ymp-tray-track:hover {
color:#FFFFFF !important; /* Color del título al pasar el cursor */
background-color:transparent !important;
}
#ymp-tray .ymp-tray-track.playing,
#ymp-tray .ymp-tray-track.playing:hover {
color:#FFFFFF !important; /* Color del título de la canción en reproducción */
background-color:#777777 !important;
}


Actualización: 19/02/2010
Eliminar la información sobre el hosting donde están alojados los archivos
Gracias a Vku que me pasó este dato acerca de cómo eliminar la dirección donde están alojados los archivos.
De igual modo hay que agregar antes de ]]></b:skin> lo siguiente:

#ymp-meta-album-title{display:none!important;}


Eliminar enlace de Yahoo! Search que aparece sobre el título de la canción
Cuando pasamos el cursor sobre el título de la canción vemos que aparece un enlace, este enlace nos lleva a la búsqueda de Yahoo! para encontrar la canción en cuestión.
Para eliminar este enlace buscamos antes de </head> el script que habíamos pegado anteriormente, o sea, este:

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

Justo debajo de él pegamos lo siguiente:
<script type="text/javascript">
//<![CDATA[
// Disable Yahoo! search links
var apiReadyHandler = function (){
/* Once API ready handler is invoked, YAHOO.MediaPlayer class can be accessed safely */
/* For example: Add other event listeners **/
YAHOO.MediaPlayer.onMediaUpdate.subscribe(DisableTitleSearch);
YAHOO.MediaPlayer.onTrackStart.subscribe(DisableTitleSearch);
};

var DisableTitleSearch = function() {
var track_title = document.getElementById('ymp-meta-track-title');
var artist_title = document.getElementById('ymp-meta-artist-title');
if(track_title && artist_title){
track_title.href = artist_title.href = 'javascript:void(0)';
track_title.onclick = artist_title.onclick = function(){ return false; };
}
};

YAHOO.MediaPlayer.onAPIReady.subscribe(apiReadyHandler);
//]]>
</script>


Eliminar la caratula del álbum
Para que la caratula del álbum no se vea pega antes de ]]></b:skin> lo siguiente:
#ymp-meta-image { display:none !important; }
#ymp-body #ymp-meta-top,
#ymp-body #ymp-meta-bottom {
left:8px !important;
width:330px !important;
}


Cambiar la caratula del álbum por default
Cuando no ponemos una caratula a una canción aparecerá una imagen de una bocina. Podemos cambiar esta imagen de la bocina por cualquier otra, sólo pega debajo de la línea del script, es decir, debajo de esta línea:
<script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

Lo siguiente:
<script type="text/javascript">
var YMPParams =
{
defaultalbumart:'URL de la imagen'
}
</script>

Ahí agrega la URL de la imagen de la caratula donde se indica.


Como ves las ventajas de este reproductor son muchas, sobre todo por la forma tan simple de agregar canciones al reproductor.
La desventaja es que para crear distintas listas de reproducción es necesario saber crear archivos .XSPF que son listas de reproducción para reproductores en flash.


Enlace | Yahoo! Media Player

273 comentarios :

  1. Woooooowwwwwwwwwwwwwwww estan estupendos!!! :D, me encantaron.
    Tu si que sabes traer cosas buenas :D.

    ResponderEliminar
  2. Oye eso esta bueno para las descargas.
    en Descargar el enlace de la descarga, y en Escuchar se abrira el reproductor.

    saludos.

    ResponderEliminar
  3. Muy bueno, nunca entendi como hacer eso, hasta ahora que lo explicas, muy bueno

    ResponderEliminar
  4. PepeX, igual a mí me encantó, yo lo conocí porque me preguntaron cómo ponerlo :D

    El Venado, exacto, puede usarse el enlace para escuchar el demo de la canción antes de ser descargada.

    Alex, la verdad es que es bastante fácil usarlo, nada complicado como podría pensarse.

    ResponderEliminar
  5. Wowwwww Esto Es Lo Que buscaba!
    un reproductor que no se notara tanto!
    por eso siempre digo.,..
    SALU2 REY DE BLOGGER!
    Y SI BUSCAS VIDEOS DE HUMOR..
    http://tuvideoblogger.blogspot.com

    ResponderEliminar
  6. waooo increible , ya lo hize solo quiero saber algo
    como puedo poner mas de 1 cancion
    http://simbafansdearcangel.blogspot.com/

    ResponderEliminar
  7. Jajajajaja ya van 4 personas que dicen wow xD jajajajajajaja

    ResponderEliminar
  8. Blogio, de hecho sí se da a notar pero tiene la ventaja de que puede ocultarse sin problemas.

    $$__jefferson__$$, ¿verdad que sí?

    simba, sólo agrega otra línea como la que he puesto en el segundo código, eso lo haces por cada canción que quieras agregar.

    PepeX, jajajajajajajajajajajajajajajajajjajaja, es verdad!

    ResponderEliminar
  9. hola potro nececito ayuda, cuando entro a una entrada
    me aparece esto
    http://tuvideoblogger.blogspot.com/]http://tuvideoblogger.blogspot.com/2010/02/bebes-sin-equilibrio_17.html
    en este blog
    http://tuvideoblogger.blogspot.com/
    pero cuando le doy click al slide si aparece
    correctamente
    alguna ayudita?
    SALU2!

    ResponderEliminar
  10. gracias potro quedo genial mi blog ahora con este reproductor

    ResponderEliminar
  11. Hola potro, la verdad que están estupendo los reproductores, tienen un toque unico y muy original.

    Un saludo!

    ResponderEliminar
  12. Parece que a todo el mundo le gustó... A mi también, pero de momento no puedo poner música porque sino no se escucharía el audio de los videos... :(
    Ya veré como lo soluciono...

    ResponderEliminar
  13. Ve viejo, GENIAL¡¡¡¡¡llevaba mucho tiempo esperando que alguien me diera algo asi para el blog, muchas gracias viejo,
    a modo de comentario
    para alojar los dichosos MP3 me demore un poco buscando un servicio decente , me encontre con FILEEDEN, y despues de agregar el codigo que vos pusiste a la plantilla, con el otro codigo que da FILEEDEN, el de colocar en el sitio web, simplemente cogio de una, ole muchas pero muchas gracias.

    ResponderEliminar
  14. El mejor post de Ciudad Blogger en cuanto a reproductores de Musica un 10 por el Potro

    ResponderEliminar
  15. Blogio, desconozco cómo se use esa plantilla en cuanto a la forma de hacer las entradas, pero sólo revisa cuidadosamente los códigos de cómo hiciste para que esa entrada sí saliera bien, así podrás detectar dónde está el error.

    simba, excelente, ya me pasé por tu blog a escucharlas :D

    Eduardo Sanguino, bastante único, o al menos son pocos los reproductores con una interfaz parecida.

    Ascesino96, en Vida Negra sí puedes hacerlo, ahí puedes ser más libre con el contenido ;)

    Lobo, sigo pendiente por ver cómo funciona FILEDEN ya que muchos lo usan y siempre tienen problemas para conseguir la URL. Por lo pronto a modo de sugerencia deberías probar DROPBOX, verás cómo te facilita la manera de subir archivos a la red.

    ıllıllı★Criss Mitchell★ıllıllı, igual a mí es el reproductor que más me ha gustado :)

    ResponderEliminar
  16. Una pregunta Potro es posible retirar el Link donde se encuantra alojada la musica por ejemplo en el tuyo es de sites.google etc
    es posible retirarle eso?

    ResponderEliminar
  17. Ya loa gregue Poro pasate :D
    pero contestame lo anterior xD

    ResponderEliminar
  18. Caramba Todo muy bien jaja pero mmm se ven las canciones en el Gidget que agregue que raro se podran Borar? alomejor y si la spinto de color blanco?(hmm)

    ResponderEliminar
  19. No se puede eliminar ese enlace, sólo cuando los alojas a tu propio servidor y que tiene el mismo nombre del dominio es que desaparece automáticamente. Es otras palabras, si tu hosting no fuera Blogger y subieras tus canciones a unrealmat.com entonces desaparecería tanto el título de donde lo alojaste como el enlace.

    Respecto al gadget con las canciones puedes ocultar el gadget de esta forma:

    #HTML10 {
    visibility: hidden;
    display: none;
    }

    Saludos.

    ResponderEliminar
  20. esta muy bueno este reproductor, pero ¿hay alguna forma de adelantar o retrasar el archivo de audio que esta ejecutandose?, porque hasta ahora es el único problema que le encuentro y me parece q es bastante importante.
    saludos.

    ResponderEliminar
  21. Lamento no haber podido instalar este reproductor.
    He seguido los pasos y el link que me queda me lleva directamente a Goear que es la página de dónde extraigo la URL.¿qué hago mal¿
    Gracias

    ResponderEliminar
  22. Ahora si, he alojado el mp3 en Drobox y de ahí he sacado la URL y todo funciona bien.
    Gracias amigo.

    ResponderEliminar
  23. Hola. Me pasa igual que a Anna, los mp3 de Goear me llevan directamente a esa página...buaaaaaaaaaaaaaaaaaaaa. Seguiré buscando el error. Saludos

    ResponderEliminar
  24. Sobre Vida Negra... jeejeje... el conseguir dinero me venció... no, jaja, de todas maneras ya me había cansado... Ahora tengo que vender la bannera y quedo perfectito! :)
    Tal vez le saque 2 o 3 dólares, jajaja :)

    ResponderEliminar
  25. #HTML10 {
    visibility: hidden;
    display: none;
    }

    Y eso deonde lo pegos :s
    ¬¬
    Hml o en el Gidget(hmm)

    ResponderEliminar
  26. jonathan pucheta, hasta ahora todavía no tiene esa opción, pero el reproductor se encuentra en fase BETA, así que es muy probable que después puedan incluir esa y cualquier otra opción más.

    Anna Jorba Ricart, excelente, en Dropbox seguro que no tendrás ni un sólo problema para alojarlos, es de lo más sencillo que existe.

    Viviana, no sé si GOEAR entregue URLs para escuchar el audio directamente, supongo que no, así que lo mejor es alojar tus archivos en otro hosting como Google Sites o Dropbox.

    Ascesino96, jajaja, ojalá y Tutomax no te canse rápido.

    ıllıllı★Criss Mitchell★ıllıllı, se pega antes de ]]></b:skin> en Edición de HTML

    ResponderEliminar
  27. Yey! Potro :)
    Gracias por ayudarme con este reproductor, en realidad me pareció buena opción desde que lo ví y no dudé en consultarte.
    Lo he instalado en un blog de prueba y funciona perfecto! Ahora mismo lo agrego a mi blog.
    Te encargo, si tienes oportunidad, que no te olvides del carrousel de imágenes, de cualquier modo sigo toquetenado la plantilla para agregarlo a la perfección ;)
    Reitero las gracias!!!

    ResponderEliminar
  28. ¿Es posible alojar el script en tu propio alojamiento, o en la plantilla?

    ResponderEliminar
  29. Gracias a ti por el descubrimiento ;)
    Ese carrousel de imágenes lo vengo prometiendo a muchos desde hace ya un par de meses pero por unas o por otras lo pospongo. Prometo hacerlo pronto :P

    ResponderEliminar
  30. Hola José GDF,

    Si es posible, sólo hay que tomar el script desde:
    http://mediaplayer.yahoo.com/js

    Aunque como está en estado BETA si hacen alguna actualización al script no verás los cambios, tendrás que estarte dando tus vueltas al sitio de Yahoo! para saber si ya se encuentra en su etapa final o si la fase BETA tiene alguna mejora.

    Saludos.

    ResponderEliminar
  31. Me gusta porque, aparentemente, no se usa flash, pero no me gusta porque prefiero depender lo menos posible de servicios externos, porque ralentizan la carga del blog.

    También me gusta porque se puede personalizar bastante.

    Lo intentaré en el de pruebas a ver si se puede alojar entre la plantilla y ya te cuento.

    Gracias y saludos.

    ResponderEliminar
  32. Aparentemente no, pero cualquiera pensaría que efectivamente es un reproductor en flash.
    Por suerte Yahoo! tiene bastante ancho de banda así que no hay tanto problema con la rapidez, aunque coincido en que entre menos dependamos de otros servicios más tranquilos estaremos.

    Saludos.

    ResponderEliminar
  33. disculpa potro mi blog es
    varias--cosas.blogspot.com
    pero me podrias decir por que en el reproductor se ve el enlace y la cancion empalmadas?

    ResponderEliminar
  34. Potro realmente muy bueno el reproductor, te felicito.
    No es pesado y no recarga la página.

    Leí algunos comentarios y perdón que agregue estos datos.

    Se puede modificar todo con css.

    Ejemplo la imagen que se muestra
    #ymp-btn-max {background:url(URL de la imagen)!important;}

    El sitio alojado el archivo mp3, en este caso sites.google se puede ocultar de la siguiente manera
    #ymp-meta-album-title{display:none!important;}

    Y así todo lo que uno quiera es solo ver su código.

    Te comento que ya hace un tiempo estoy recomendando tu blog en mi sidebar como blog de ayuda, si no te gusta lo borro.

    ResponderEliminar
  35. Me pasa solo a mi que no puedo bajar el volumen?

    ResponderEliminar
  36. que te importa, supongo que debe ser alguna personalización que le hiciste. Elimínalas y fíjate si se ve bien, si es así ve agregando una a una las diferentes personalizaciones, así sabrás cuál es la que te afecta.

    Vku, uhhhh excelente lo del enlace donde están alojados los archivos, mañana hago una actualización para incluirlo y de una vez también cómo eliminar el enlace de la búsqueda de Yahoo. Creo que sólo a ti te pasa, ya he entrado a varios blogs con el reproductor funcionando y no he visto que haya ese problema. Saludos.

    ResponderEliminar
  37. Por cierto que no me molesta en lo absoluto, por el contrario. También te he agregado ;)

    ResponderEliminar
  38. Potro se ve que no soy el unico que no duerme. jeje

    Lo del volumen me pasa solo en el tuyo.

    Fijate el código fuente de este ejemplo:
    http://img25.xooimage.com/files/7/f/b/reproyahoo-18e7937.html

    No solo le quite el icono de yahoo, le cambie los link de busqueda en el titulo de la cancion y el link donde dice learn more agregando algo de css y javascript

    ResponderEliminar
  39. En realidad ya me había dormido pero me levanté a apagar la computadora y me vi tentado a leer los comentarios :P

    Había visto cómo cambiar el mensaje por otro como lo has puesto pero no sabía que se podía poner un enlace al blog en el título de la canción. Sin duda está muy interesante, mañana ya más despierto le echo una mirada al código fuente.

    Saludos.

    ResponderEliminar
  40. hola potro mi pregunta es si se le puede añadir un scroll para la lista de reproducción como si fuera una lista de enlaces y muchas gracias por el aporte.

    ResponderEliminar
  41. Para crear un scroll en la lista de reproducción agrega esto:

    #ymp-tray {
    height: 150px !important;
    overflow:auto !important;
    }

    Saludos.

    ResponderEliminar
  42. Vuelvo a preguntar otra cosita cuando cambio de pagina dentro de mi blog se para la música y tiene que volver a cargar , hay alguna de manera de que la música siga sonando al cambiar de pagina o abrir comentarios, muchas gracias.

    ResponderEliminar
  43. Antes de ]]></b:skin> al igual que las otras personalizaciones.
    No se puede que siga la música sin detenerse ya que si cambias de página el script tiene que cargarse de nuevo.

    Saludos.

    ResponderEliminar
  44. Viejo gracias por el consejo, efectivamente tenias la razón , solo me da codigo para una cancion como html pero de resto no deja reproducir una mas, pruebo el servicio de Dropbox, que buen dato GRACIAS¡¡¡¡

    ResponderEliminar
  45. Por nada, seguro que quedarás satisfecho con ese hosting.
    Saludos.

    ResponderEliminar
  46. Hola, Potro! Magnífico todo esto.
    Tengo una interrogante: Estoy armando un blog que tiene la letra de canciones (cada canción es un post diferente). Quisiera que al final de la letra de la canción, el lector tuviera la opción de darle play al link para escucharla allí mismo (con este reproductor). Pero en ese caso, sería una o a lo más, dos canciones, pero por cada post.
    ¿Es posible hacer eso con este reproductor, o aquí entraría eso que dijiste que, para crear distintas listas de reproducción es necesario saber crear archivos .XSPF (Bueno, porque de eso, pues ni tengo idea).
    Pregunto: ¿Solo se puede crear una sola lista de reproducción en todo el blog, o el reproductor funciona por separado, cuantas veces se quiera poner, ya sea en entradas o en gadgets?
    Y si fuera así, ¿eso pondría muy lento el blog?
    Te agradecería mucho si me aclararas eso, antes de empezar a trabajar con este reproductor.
    Millones de gracias, de antemano.
    (Ah, y si no se puede con este, ¿qué otro reproductor me aconsejarías?).
    Saludos!

    ResponderEliminar
  47. Hola Vicky,

    Lamentablemente se agregan a la lista de reproducción todas las canciones que haya en el blog lo cual haría poco funcional al reproductor por las características que necesitas.
    Me parece que en tu caso vendría mejor un reproductor más sencillo con el cual no tendrás problemas de poner una sola canción por reproductor, además no es pesado así que no habrá mucho problema con la rapidez.
    Puedes ver dos ejemplos, uno aquí y otro aquí.

    Saludos.

    ResponderEliminar
  48. Muchas gracias por el consejo! Acabo de probar con el reproductor de Dewplayer y me resultó muy bien. Creo que ese es el que definitivamente usaré en los posts. ¡Perfecto!
    Muchísimas gracias por todo y por tu gran paciencia, amabilidad y espíritu cooperador para con todos nosotros.
    Saludos, Potro!!!

    ResponderEliminar
  49. No hay de qué Vicky, siempre es un placer poder compartir un poco.
    Saludos!

    ResponderEliminar
  50. Hola Potro! muchas gracias por tus consejos!! cambie a este reproductor y lo estoy personalizando un poco. ¿Sabes si hay manera de cambiar el color verde chillon del boton y el color verdeapagado de la lista? ojala sepas! muchas gracias

    ResponderEliminar
  51. Ahhh y tambien te consulto, porque he intentado quitar el enlace de Yahoo! Search que aparece sobre el título de la canción, y seguido los pasos y me sale esto
    "Por favor, corrige el siguiente error y envía la plantilla de nuevo.
    No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
    Mensaje de error de XML: The entity name must immediately follow the '&' in the entity reference."

    ¿Sabrias que estoy haciendo mal?
    un abrazo y mil gracias.

    ResponderEliminar
  52. Hola Pablo S. Fernández,

    Los botones no, pues son imágenes.
    Para cambiar los colores de la lista revisa en la entrada donde se explica cómo hacerlo.
    Respecto al código para eliminar el enlace cópialo y pégalo de nuevo, le hecho una modificación para que no tengas problemas.

    Saludos.

    ResponderEliminar
  53. Aplausos y gracias para vos!! eso es lo que se dice tener rapidez y saber mucho!!
    Te felicito verdaderamente, sos un genio loco!!!
    Pude cambiar los colores y me saco lode yahoo!!! groso!

    Tambien se podria hacer para las caratulas de las canciones ?

    sos un ANIMAL!!! gracias

    ResponderEliminar
  54. Hola Pablo S. Fernández,

    Qué bueno que has podido personalizarlo a tu gusto.
    Para cambiar la caratula del álbum que viene por default pega debajo de <script type="text/javascript" src="http://mediaplayer.yahoo.com/js"></script>

    Lo siguiente:

    <script type="text/javascript">
    var YMPParams =
    {
    defaultalbumart:'URL de la caratula del álbum'
    }
    </script>

    Ahí agrega la URL de la imagen que quieres para tu caratula personalizada.

    Saludos.

    ResponderEliminar
  55. Gracias El Potro, igual creo que no me exprese bien.

    Lo que quise poner es que en el reproductor, al pasar el cursor por la imagen, sale lo de Yahoo y si apretas en la imagen te salta a la pagina de Yahoo. Si habia forma de borrar eso, como hiciste con el titulo de la cancion
    Gracias por la entrada anterior igula, la tengo en cuenta.
    Saludos

    ResponderEliminar
  56. De hecho se supone que el script está diseñado para eliminar también ese enlace pero parece que con Blogger no funciona, supongo que la única solución es ocultar la caratula del álbum, de esa forma no habrá enlace pero tampoco caratula.

    Saludos.

    ResponderEliminar
  57. Este si que no lo conocía... Está muy bueno eso que sólo hay un link y cuando lo pinchas aparece el reproductor, muy bueno!

    Un abrazo!!!

    ResponderEliminar
  58. Y además es bastante sencillo de instalar :)
    Gracias por pasar!

    ResponderEliminar
  59. Si, es verdad, no lo resalté. Es ya nos tienes acostumbrados a que todo sea Sencillo XD..

    Nos estas mal acostumbrando. Cuando postees un truco que lleve mas de un par de pasos, te llenaremos el libro de quejas XD jjajajajajajajaja.

    Un abrazo!!!!

    ResponderEliminar
  60. Hola Potro, me he dado cuenta que los enlaces alojados en sites.google, no funcionan con el navegador chrome, sin embargo los alojados en dropbox si funcionan con chrome, en firefox y explorer funcionan todos, sabes a que puede ser debido, gracias.

    ResponderEliminar
  61. Rectifico con explorer tampoco funcionan los alojados en sites.google

    ResponderEliminar
  62. Hola Antonio F. Lara,

    El navegador no tendría nada que ver con el alojamiento de los archivos, yo uso Chrome y tengo alojados los archivos de ejemplo en Google Sites y no he tenido problemas, salvo algunas veces que tarda en leer el archivo, pero supongo que ahí son problemas con la conexión.

    Saludos.

    ResponderEliminar
  63. Acabo de entrar con chrome en tu pagina y no me reproduce ningún tema, no se cual sera el motivo pero es curioso.

    ResponderEliminar
  64. No sé cuál sea la razón pero sí acabo de notar que en ocasiones lo reproduce y en otras se queda cargando la canción y ahí se queda. Supongo que son esos detalles de la fase BETA que de pronto dan dolores de cabeza.

    Saludos.

    ResponderEliminar
  65. ORALE POTRO ESTA RE CHIDO TU REPRODUCTOR QUISIERA SABER SI PUEDO PONERLO EN AUTOPLAY ? TAMBIEN CUANDO ENTREN AMI BLOG SE HABRA SOLITO EL REPRODUCTOR AVER SI ME AYUDAR CON ESAS DOS PREGUNTAR GRACIAS

    CIUDADBLOGGER 100% !!!

    ResponderEliminar
  66. El reproductor no tiene esas opciones, quizá más adelante cuando salga de la fase beta incorporen esas opciones pero por el momento no es posible.

    Saludos.

    ResponderEliminar
  67. Ya he tenido ocasión de probarlo en una entrada antigua. Después de un tiempo prudencial de probar con más archivos te cuento más, pero de momento va bien, aunque con Opera no acaba el proceso de buffering, no sé por qué, aunque hay pocos usuarios de ese navegador.

    ResponderEliminar
  68. El problema con el buffering en Opera es nuevo, de hecho igual sucede con Google Chrome.
    Cuando hice esta entrada lo probé también en esos navegadores y funcionó sin problema, así que supongo que alguna actualización del script debió afectar a esos navegadores.

    ResponderEliminar
  69. Pues me ha hecho un faenón, porque ya estaba viendo ilusionado cómo funcionaba en Firefox, y en Opera le pasa eso... Y en Chrome también, aunque no le di importancia en un principio, porque el que uso en Linux no tiene flash, pero si también falla en el navegador de Google... ¿Va bien en IE al menos?

    ResponderEliminar
  70. Pffff! Ahora tampoco carga en IE, definitivamente fue una actualización del script, por lo que espero que pronto hagan otra actualización que lo solucione.
    Parece que por el momento sólo está funcionando en Firefox, no sé si en Safari sirva, no he vuelto a instalar ese navegador para poder confirmar.

    ResponderEliminar
  71. Lo mejor es que el que primero que note cambios lo avise. Menos mal que si no funciona, al menos la gente se puede descargar el archivo de música, al ser un simple enlace.

    Si en Google Chrome no va, da por hecho que en Safari tampoco, tienen el mismo motor de JavaScript y de renderización de las páginas.

    Bueno, lo dicho, ya te informaré si me entero de algo. De momento lo tengo instalado en la plantilla, porque me va a hacer falta pronto para las demos de audio de mi estudio.

    ResponderEliminar
  72. ¡Potro, tengo novedades!

    El script funciona perfectamente... ¡Es Google Sites el que da problemas!

    Te lo resumo, aunque puedes ampliar información aquí, en la charla entre un amigo y yo: resulta que Google Sites siempre redirecciona a otra URL más larga. Pues bien, sólo Firefox y Safari para Windows lo sabían hacer bien con este script de Yahoo!

    Pero aún hay más, incluso poniendo la URL redirigida directamente, como hace mi amigo Lukas en un comentario, tampoco funciona en ningún navegador, que no sean Firefox o Safari... ¿Entonces, qué?

    Lo único que se me ocurrió era probar con uno de los archivos de audio de prueba de la página del reproductor. Te lo pongo aquí mismo. Al igual que en mi blog, te lo reconocerá el script y te lo añadirá a la lista de reproducción:

    Ejemplo alojado en Yahoo!

    Si lo pruebas abriendolo con IE o Google Chrome, casi seguro te llevarás la agradable sorpresa de que Yahoo! Media Player lo reproduce.

    Así que el problema está en Google Sites. Mi solución ha consistido en alojar archivos en Archive.org y tomar la URL obtenida de allá. Aunque puede servir cualquier otro hosting similar, como Dropbox o Fileden.

    Espero que te aproveche esta información. Yo estoy muy contento, porque desde que le eché el primer vistazo, aquí mismo, a este reproductor, me gustó para ir mostrando archivos de audio de mis progresos en el estudio de grabación.

    Ahora toca personalizarlo con el CSS... ¡Gracias por todo!

    ResponderEliminar
  73. Vaya, vaya, vaya... ¡Eres todo un genio!

    Fíjate que en el comentario #62 ya Antonio F. Lara había notado que no funcionaba si estaban alojados en Google Sites, pero en tres pruebas que hice una me funcionó, así que pensé que sería un problema temporal.

    Ya he subido los archivos en Dropbox y está funcionando perfecto.
    Muchas gracias por la información, ahora mismo actualizo la entrada para poner al tanto a los demás.

    Saludos y gracias a ti :)

    ResponderEliminar
  74. Realmente fue mi amigo Lukas ThyWalls quién me puso sobre la pista, así que si hay un genio, ese debería ser él y no yo...

    La verdad es que estuve a punto de quitar el reproductor y buscar otra cosa, hasta el preciso instante en que le consulté.

    ResponderEliminar
  75. Pues gracias a los dos por compartir la información. Yo igual ya estaba dando por hecho que ya no funcionaría.

    ResponderEliminar
  76. No hay una forma de que el reproductor, cuando lo expanda, aparezca encima de los videos incrustados en mi blog? Es que aparece atras, los videos tapan el reproductor

    ResponderEliminar
  77. No, cuando se tratan de elementos en flash suelen encimarse a otros elementos.

    ResponderEliminar
  78. Yo intentaría un z-index muy alto al contenedor entero del reproductor, a ver si así...

    ResponderEliminar
  79. Podría funcionar, aunque no sé si como los dos elementos son el flash surja el mismo efecto.

    ResponderEliminar
  80. Lo que es el reproductor en si no es flash. Por eso es posible tunearlo con CSS. A ver si tengo un hueco estos días, inserto un vídeo para ver qué pasa y te puedo contar algo más concreto.

    ResponderEliminar
  81. No sé por qué no se me quita la idea de que es en flash :S
    Pero tienes toda la razón, siendo así quizá funcione.

    ResponderEliminar
  82. No pude hacer que se encimara el reproductor a los videos, pero ya ni modo, esta dificil ese asunto.

    Ahora tengo otras dos preguntas:

    1) Se puede modificar algo del reproductor para que siempre tenga al maximo el nivel del volumen? Siempre aparece el nivel a la mitad.

    2) Hay manera de ponerle AutoPlay? Para que se reproduzca una cancion al cargar el blog, o un post en especifico.

    De antemano gracias por toda la ayuda

    ResponderEliminar
  83. Pega antes de </head> lo siguiente:

    <script type='text/javascript'>
    var YMPParams =
    {
    autoplay:true,
    volume:0.5,
    }
    </script>

    Eso hará que se inicie automáticamente, y donde dice volume puedes modificarlo, el valor debe ser entre 0.1 y 1.0 siendo este último el nivel de volumen más alto.

    Saludos.

    ResponderEliminar
  84. Funciono a la primera. Muchas gracias

    ResponderEliminar
  85. Buenas, queria saver si ahy alguna forma de sacarle la opcion de cerrar la ventana...osea...quitar esa cruz...ya q YO mismo, tuve varios accidentes de cerrarlo sin kerer xD..

    graxias....

    ResponderEliminar
  86. Para ocultar el botón de cerrar, agrega lo siguiente antes de ]]></b:skin>

    #ymp-btn-close { display:none !important; }

    ResponderEliminar
  87. Funciona de maravilla, exelente muchas gracias.

    ResponderEliminar
  88. Graxias potro.... funciono de maravilla ...
    pero ahora no me gusta como keda solo el boton q estaba abajo del de "cerrar"

    tenes idea de como es el code para sacarlo?

    graxias

    ResponderEliminar
  89. Intenta con este:

    #ymp-btn-pop { display:none !important; }

    ResponderEliminar
  90. Perfecto =) graxias....

    no creas q no volvere jejejje.....nos vemos

    ResponderEliminar
  91. jejeje, volvi....mi ultima pregunta D=

    se puede poner el reproductor en "aleatorio"?... porq jode q siempre comiense con la misma cancion jeje

    ResponderEliminar
  92. Gracias por toda esta información que me esta sirviendo mucho ya que soy nuevo en esto de hacer blogs.

    ¿Como se puede activar automaticamente la pista musical en el momento de ver el blog sin tener que darle play?

    Agradesco de antemano que leas esta nota y y la respuesta a mi pregunta.

    Attte. Andy de la Cd. de México

    ResponderEliminar
  93. Guapísimo queda en el blog!, gran aporte máquina, aunque creo que cambiar la carátula default ya no se puede, yo al menos no he podido, será que yahoo actualizó el script de http://mediaplayer.yahoo.com/js no?

    ResponderEliminar
  94. Aun se sigue pudiendo hacer, si te fijas en el reproductor que yo tengo de ejemplo se ven las caratulas del álbum del cantante.

    ResponderEliminar
  95. No me expliqué bien, me refería a la carátula del altavoz que trae por defecto el reproductor, intenté cambiarla pero no hubo manera. Lo dicho, se sale el reproductor!

    ResponderEliminar
  96. Debería de seguir funcionando puesto que los demás hacks para personalizarlo permanecen. Quizá es la URL que estás poniendo, no sé. Quise ver el código en tu blog pero no veo que tengas puesto lo correspondiente para cambiar la caratula.

    ResponderEliminar
  97. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  98. Si tú dices que sigue funcionando es que sigue funcionando jeje. Puse ese código, pero lo quité tras ver que no me iba. El caso es que probé con una imagen que si leía una de las canciones como carátula, cuadrada por completo, en fin, volveré a probar a ver qué tal...

    ResponderEliminar
  99. Hola, primero POTRO te felicito por las explicaciones, muy claras, ahora una pregunta se puede cambiar la posicion del reproductor para que en vez del pie de la pagina aparesca en la cabezera? gracias de ante mano.

    ResponderEliminar
  100. Al parecer aún no es posible hacer ese cambio o al menos yo desconozco si se pueda hacer.

    ResponderEliminar
  101. caon, me gusto mucho,
    gracias por darte el tiempo de compartir tus conocimientos,
    haces la diferencia, porque la mayoria de la gente es egoista y no comparte esta informacion que es oro molido,
    aun hay cosas ke no entiendo, pero aki le voy agarrando la onda muchas muchas gracias

    ResponderEliminar
  102. Qué bueno que te ha gustado, sobre lo demás no te preocupes, con el tiempo irás comprendiendo los códigos más complejos y verás que no es tan difícil como parece.

    Saludos!

    ResponderEliminar
  103. Vaya vaya, estio es genial, queda muy binoto, el problema q tengo es que, no me sale en lista como el ejemplo, me sale una detras de otra :S. como hago para q quede bien?? Gracias!!

    ResponderEliminar
  104. Hola Ceci,

    No he entendido bien a qué te refieres, en uno de los blogs lo he visto y lo veo todo muy bien.

    ResponderEliminar
  105. Si,igual no me explique bien perdona, el reproductor lo he puesto, he quitado lo de yahoo, pongo las caratulas eso me sale genial, pero la lista de reproduccion con el icono de play no me sale en fila, me sale una al lado de la otra, tu en el ejemplo tienes:
    -Peroxide
    -Forever
    -That's how it goes
    A mi me sale:
    -Peroxide-Forever-That's how it goes

    Bueno no se si ahra me explico mejor, muchas gracias por estar ahi ayudando. ;P

    ResponderEliminar
  106. Ummm, pues he visto los dos blogs que tienes y en ambos veo las canciones de la lista de reproducción de arriba a abajo, o sea que lo veo normal :\

    ResponderEliminar
  107. no yo solo tengo uno, el otro es de un amigo
    pero el lo hizo distinto, de otra manera, yo sigo viendo el mio como ya te dije, a lo mejor yo sola lo veo asi. De momento estoy haciendo pruebas para ver lo q quiero, seguire investigando, gracias

    ResponderEliminar
  108. Quizá es el navegador que usas el que te los muestra así pues te repito que los he visto y ambos los veo bien.

    ResponderEliminar
  109. NO EXISTE UNA FORMA DE QUE LAS CANCIONES SUENEN AUTOMATICAMENTE AL INGRESAR AL BLOG?

    ResponderEliminar
  110. por que no me aparece la funcion del reproductor, en el lugar donde debe aparecer me aparece un cuadro blanco.. o sea nada, eso me pasa desde hace 3 dias aproximadamente. si ,e pueden ayudar. gracias

    ResponderEliminar
  111. Posiblemente sea tu navegador, prueba entrar desde otro, así mismo instala las actualizaciones que necesite.
    Para que se reproduzca automáticamente lee el comentario #85

    ResponderEliminar
  112. Hola Potro,
    tengo el mp3 en dropbox. Quiero ponerlo dentro de una entrada. Lo que hice fue, en Nueva Entrada/ Edición de html
    ingresé:
    Nombre de la canción
    reemplacé URL_de_la_cancion.mp3 por el "public link" del drop box.
    Anda, pero no se ve como en tu entrada, sino que abre una página aparte toda gris con el reproductor en el medio.
    Gracias! Fede

    ResponderEliminar
  113. perdón. Lo que ingresé es
    "a href="URL_de_la_cancion.mp3">Nombre de la canción</a"
    reemplazando URL_de_la_cancion.mp3 por el public link.
    ahora sí.

    ResponderEliminar
  114. No veo que tengas puesto el script de Yahoo Media Player que es el que hace que aparezca el reproductor. ¿En cuál blog lo has puesto?

    ResponderEliminar
  115. Ola, esta wenisimo este reproductor de veras me gusta y lo uso, pero quisiera saber si se puede abrir el reproductor con un playlist ya hecho?? y como se hace ese playlist?? Gracias =)

    ResponderEliminar
  116. Claro que se pueden usar playlists, mira esta entrada para que veas cómo crear las listas de reproducción.

    ResponderEliminar
  117. Potroo .. Tu Pagina de ciudadblogger.com m a ayudado mucho ... gracias a esta pagina mi blog esta qedando bacan .. x ahi e puesto algunas modificaciones mias... por ejemplo .. en vez de q caigan corazones puse pajaros... mira mi blog y si puedes enlazalo a tu pagina : avespiura.blogspot.com .. Gracias De Antemano X Tu Blog Sige Asi ;D

    ResponderEliminar
  118. Gracias por tu comentario, me da gusto que este sitio te esté siendo de ayuda :D

    ResponderEliminar
  119. Muchísimas gracias por la ayuda con el yahoo media player, si no es por este blog tendría puesto un reproducctor mp3 malo y lleno de publicidad.
    Para los que teneis problemas con donde alojais los mp3, visitar dilandau.com y buscar la canción que queráis, yo busqué todas las canciones en esa web y va perfecto.

    ResponderEliminar
  120. Sin duda es un reproductor que ha gustado mucho, qué bueno que también ha sido de tu agrado.

    ResponderEliminar
  121. iia le puede yea!! tengo otra pregunta
    puedo hacer que el reproductor se active solo cada vez que que alguien entre a mi blog?

    ResponderEliminar
  122. no encuentro esta parte ]]> ayuda porfavor

    ResponderEliminar
  123. Usa las teclas CTRL + F para localizar el código.

    ResponderEliminar
  124. Como estas potro! una pregunta, unavez q creo el playlist con el soft, nose donde se guardo jeje , queria ponerlo en el reproductor yahoo como hago?gracias!

    ResponderEliminar
  125. use el asx maker q nombraste en otro post :)

    ResponderEliminar
  126. Pues generalmente se guarda en el escritorio o en la carpeta donde tienes el programa. Sino usa el buscador de tu equipo para localizarlo.

    ResponderEliminar
  127. listo, ahora lo ubico en dropbox al playlist y pongo esa url en la dire del reproductor yahoo, en donde dice url del mp3 verdad? :D

    ResponderEliminar
  128. viejo potro este programa tiene reproduccion automatica cuando entran en la pagina

    gracias

    ResponderEliminar
  129. me imagino que me contestaras mira el comentario 85.

    jajajajajaja

    definitivamente esto es adictivo toca leerlo todo.

    ResponderEliminar
  130. Jajaja. ¡Has acertado! Esa iba a ser mi respuesta :)

    ResponderEliminar
  131. quedo una berraquera mi hermano por fin le pegue a una.

    jajajajajajajajaja

    ResponderEliminar
  132. hola me puedes ayudar como borrar el carrito de compras que aparece abajo en el reproductor ya que cuando presiono alli me manda a una pagina de yahoo.
    gracias

    ResponderEliminar
  133. No sé a cuál carrito de compras te refieras, nunca he visto que el reproductor incluya un icono de ese tipo.
    Necesitaría ver tu blog para saber a cuál te refieres.

    ResponderEliminar
  134. que tal potro
    mira lo que pasa es que al agregar un nuevo elemento
    java scrip y coloco 10 canciones al guardar cambios
    aparecen todas amontonadas de corrido , una tras otra cancion.
    NO me quedan igual que tus tres canciones como las de arriba asi de una en una hacia abajo.
    solo agregando un elemento de java scrip por cada cancion
    y eso me quita mucho espacio. quedan muy separadas
    me puedes ayudar?

    ResponderEliminar
  135. GRACIAS YA PUDE SOLUCIONARLO QUE FACIL ERA
    PERO GRACIAS

    ResponderEliminar
  136. OTRA COSA
    COMO SE PODRIA AUTOREPRODUCIR AL AZAR AL ENTRAR AL BLOG
    PERO QUE NO SE VEA EL GADGET POR QUE SI SON MUCHAS CANCIONES SE VERIA UNA LISTOTA.
    ¿SE PODRA HACER ESO?

    ResponderEliminar
  137. Sólo puedes agregar la opción de que se reproduzca automáticamente pero no de forma aleatoria. En el comentario #85 están las indicaciones.

    ResponderEliminar
  138. Hola me encanto ya lo puse en mi blog si lo podes ver .. pero que tenga una posicion que no sea fija .. que quede fija en la plantilla arriba del menu ..
    No se donde poner el position"absolute" o ni para darle algun style .. si me podes ayudar me gustaria mucho ..

    Posicion fija en plantilla y que no quede que cuando corro la pagina para abajo siempre queda abajo .. espero que me entiendas lo que te pido ..

    FELIZITACIONES .. ENTRO SIEMPRE A VER TUS CONTENIDOS .

    ResponderEliminar
  139. Sólo agrega estos estilos:

    #ymp-player,
    #ymp-tray,
    #ymp-error-bubble,
    #ymp-secret-bubble {
    position:absolute !important;
    top: 100px !important;
    }

    Donde dice 100px cambialo por la altura que quieres que tenga para que quede en el lugar que deseas.

    Saludos y gracias por tu comentario :)

    ResponderEliminar
  140. buenas, me sirvió de mucho, pero tengo un problema uso el codigo que esta arriba, pero me oculta el playlist, necesito que esté a una posición que yo elija, que sea desplazable por defecto y que además se vea el playlist, osea en resumen, necesito que solamente esté a una posición más arriba, ya que lo tapa la barra que agregué. Te agradesco de antemano =D

    ResponderEliminar
  141. Desconozco de qué barra hablas, pero el playlist lo puedes agregar en cualquier posición del blog que desees.

    ResponderEliminar
  142. disculpa que no me haya explicado bien ^^

    agregué el siguiente estilo para cambiar la posició del reproductor:

    #ymp-player,
    #ymp-tray,
    #ymp-error-bubble,
    #ymp-secret-bubble {
    position:absolute !important;
    top: 100px !important;
    }

    funcionó al cambiar la posición, pero desaparece la pestaña playlist que está al lado del "cerrar" necesito que esa pestaña vuelva a aparecer ^^

    ResponderEliminar
  143. Sí, ese es el problema cuando se fuerza su ubicación, que el Playlist desaparece :\

    ResponderEliminar
  144. Hola....
    Potro recien he visto este post y el de colocarlo en una PopUp...pues bien, trate de hacerlo pero no he podido..me sale ASI
    Reproduce las canciones, y seguidas, pero no me sale el reproductor...
    Como puedo hacer para colocarlo en una PopUp????
    Desde ya te agradezco...

    ResponderEliminar
  145. Si lo usas en Popup no creo que aparezca el reproductor, es decir, sí se escucharán pero no aparecerá al reproductor con los controles.

    ResponderEliminar
  146. Asi es...se escuchan y se reproducen varias, una tras otra...pero no sale el reproductor...
    Muchas Gracias...

    ResponderEliminar
  147. oye me puedes decir como agregar las pestañas en el blog por que no se como haserlo grasdias

    ResponderEliminar
  148. pueden descargar el script, editar directamente el de Java (Para los usuarios mas avanzados) y alojarlo en dropbox o en el hosting de su preferencia yo estoy trabajando en el codigo java haber que puedo quitar o modificar

    ResponderEliminar
  149. Hola potro quisiera saber si es posible que en vez que el reproductor se oculte,quede simpre visible porfavor me ayudarias mucho con eso

    ResponderEliminar
  150. Solo una pregunta como le ago para subir una cancion en que serbidor?

    ResponderEliminar
  151. DexMax, desconozco si exista esa opcion :/

    HumbertoPeker, hay varios sitios donde puedes alojarlas, puede ser Dropbox, Google Sites, Fileden, etc.

    ResponderEliminar
  152. hola amigos, muy bueno y funciona de lo mas bien, pero me gustria saber si es posible que reprodusca las canciones automaticamente al cargar la pagina?

    ResponderEliminar
  153. En el comentario #85 está la información que necesitas.

    ResponderEliminar
  154. Amigos gracias por toda esta info, solo tengo una consulta, me gustaria implementarlo en una web mia pero no encuentro la parte del ]]> podrian decirme en que parte van los codigos para ocultar el nombre del servidor?? gracias por la ayuda amigos.

    ResponderEliminar
  155. Agregalo después de <head> encerrado entre <style type="text/css"> y </style>

    ResponderEliminar
  156. gracias por tan valiosa información, que dios te siga dotando de tanta sabiduría.

    ResponderEliminar
  157. Muchas gracias por tu ayuda Potro, lo consegui eres un genio!!! una consulta adicional si no fuese molestia, me gustaria que no se vea el boton PLAYLIST, se puede ocultar?? gracias amigo!!!

    ResponderEliminar
  158. Domingo Marte, gracias e igualmente :)

    portalcineindio, agrega antes de ]]></b:skin> esto #ymp-tray {display:none !important;}

    ResponderEliminar
  159. Realmente eres un maestro!!!!

    Amigo, solo una ultima cosa por fa, debes pensar que soy una persona muy molestosa, mira mi consulta es esta: Cuando veo el resultado en Internet Explorer todo sale bien, pero cuando le puse el codigo que tu compartiste más arriba para subir el volumen entonces me sale en Internet Explorer error y pienso que debe ser por algo en ese codigo porque cuando lo quito si sale todo bien, yo no entiendo sobre sript por eso te lo pregunto a ti que eres el maestro -dicho con todo respeto- podrias por favor revisar ese código y si es posible corregir el posible error? me olvidaba de algo, de funcionar el codigo si funciona, pero es algo incómodo que salga ese mensaje de error en la barra inferior del Internet Explorer, desde ya gracias por toda tu ayuda amigo.

    ResponderEliminar
  160. Lamentablemente Internet Explorer tiene la mala costumbre de marcar errores por todo, aunque cuando eso no afecte el funcionamiento del sitio. No creo que haya algo que se pueda hacer al respecto pues al menos desde el sitio del reproductor no hay información sobre ese tema.
    Saludos.

    ResponderEliminar
  161. Hola potro oye tengo una duda como puedo hacerle para eliminar los botones chicos de play en el reproductor de tu blog este
    Yahoo! Media Player: Reproductor de MP3
    ya lo probe y lo modifique al gusto pero el problema son los botoncillos de ar ...riba que aparecen cuando agregas una cancion mp3 aki te pongo el link de donde subi la pagina de prueba
    http://calis123.webcindario.com/demo.html
    copia y pega en una nueva ventana y ahi puedes ver los botones esos que te menciono cual seria la forma de quitarlos o ocultarlos ya que veo que tu no los tienes en ciudad blogger bueno espero y lo veas y si me puedes pasar la solicion a esto saludos y gracias.

    ResponderEliminar
  162. Hola manuel,

    No sé exactamente a cuáles botones te refieres, pues en realidad yo no he quitado botones al reproductor.
    Si te refieres al link de la canción que contiene al lado un icono, puedes ocultar esos links agregando esto:

    .ymp-btn-page-play,
    .ymp-btn-page-pause {
    display:none;
    }

    Si quieres eliminar los controles de play, siguiente y anterior que están dentro del reproductor se hace agregando esto:

    #ymp-prev, #ymp-play, #ymp-next {
    display:none !important;
    }

    Sólo que en el caso de estos últimos siempre queda una marca de dichos botones pues es parte de todo el skin del reproductor.

    Saludos.

    ResponderEliminar
  163. ya esta potro esto es lo que necesitava

    .ymp-btn-page-play,
    .ymp-btn-page-pause {
    display:none;
    }

    para eliminar los links de cada cancions que se agrega gracias y saludos.

    ResponderEliminar
  164. como puedo hacer para que también pueda bajar las canciones que se reproduzcan, por ejemplo: que al lado del link del reproducción halla una imagen que al hacer clik comience la descarga. gracias....

    ResponderEliminar
  165. Agrega la lado un enlace para descargar la canción, sólo que para que el reproductor no la reproduzca mete el archivo de la canción dentro de un archivo ZIP o RAR.
    El enlace es un enlace normal, como cualquier otro, sólo que en lugar de que sea el enlace a la canción será el enlace hacia el archivo comprimido.

    ResponderEliminar
  166. que tengo que cambiar para que los link que ya he vistitado no cambien de color, que se queden azul.

    gracias....

    ResponderEliminar
  167. Mira esta entrada donde se explica cómo personalizar los links.

    ResponderEliminar
  168. Buenisima la pagina. La he descubierto hace poco y es un favorito. Mi pregunta es si necesariamente las canciones que desee tener disponibles para reproduccion en mi blog van a figurar como enlaces con el "play" al lado, como has ejemplificado. Gracias.

    ResponderEliminar
  169. He intalado el reproductor sin incovenientes, pero al reproducir una canción me dice: "We're sorry, we could not find the track you requested". No se que hice mal...

    ResponderEliminar
  170. Hola Pablo,

    Bienvenido a Ciudad Blogger!
    Efectivamente, al momento de agregar en tu blog el enlace de una canción de manera automática el reproductor lo reconocerá y agregará al lado el icono de "play" que indica que se trata de una canción.
    Respecto al problema que mencionas es probable que se trate de la URL de la canción. Verifica que la has puesto correctamente y que el enlace está funcionando.

    Saludos.

    ResponderEliminar
  171. Este reproductor de musica es de lo mas práctico que he visto para nuestros sitios, lei en el comentario #20 que se puede ocultar el gadget donde estan guardados los botones de reproduccion con este codigo:

    #HTML10 {
    visibility: hidden;
    display: none;
    }

    Mi pregunta es, porque en mi pagina no se oculta el gadget donde estan todos los botones??? Me gustaria poner varias canciones en mi sitio pero se ve feo con muchos botones y mas los nombres de las canciones, usted cree que se podrian ocultar??

    Ahora si lograria ocultarlos cuando quisiera poner una cancion en un post no se mostraria verdad? o si?

    Saludos amigo potro,
    espero que esté pasando un buen dia

    ResponderEliminar
  172. Ese código es para ocultar el gadget donde él ha puesto sus enlaces, en tu caso si igual los pones dentro de un gadget tienes que encontrar el ID de ese gadget y remplazar el HTML10 por el nombre del ID de tu gadget.
    Pero repito, eso sólo ocultará el gadget, si agregas un enlace en una entrada ahí sí se verá el enlace de la entrada pero los otros no.

    Saludos.

    ResponderEliminar
  173. Hola Kapo...queria saber si es posible cambiarle el color gris al fondo donde esta alojada la caratula ,el titulo del tema y el contador de tiempo...o mejor,colocar una imagen ahí.Gracias

    ResponderEliminar
  174. No tengo idea, sólo conozco las personalizaciones que se explican en la entrada :/
    Quizá en el sitio del reproductor encuentres alguna información referente a lo que buscas.
    Saludos.

    ResponderEliminar
  175. Acabo de descubrir algo. Yo uso este reproductor en mi blog, alojando los archivos mp3 en Google Sities.

    En Firefox me funciona bien, el problema es que en Google Chrome no. Y solo es con archivos de Google Sities, porque si estan alojados en otra parte si funciona.

    ¿A que se deberá?

    ResponderEliminar
  176. Eso que mencionas lo explica José GDF en el comentario #74, pero no sólo es con este reproductor. En general ningún archivo de música puede usarse en Chrome si está alojado en Google Sites, así que habrá que optar por otro alojamiento.
    Saludos.

    ResponderEliminar
  177. Hola Potro, mi problema es que a la hora de reproducir me sale un ! dentro de un circulo naranja y un mensaje que dice "we`re sorry, playback time out"...que es eso?

    ResponderEliminar
  178. Probablemente el enlace de la canción está tardando demasiado tiempo en cargar y por eso sale el error.
    Prueba subirlo a otro hosting que sea más rápido.

    ResponderEliminar
  179. Tengo el problema que las canciones no se cargan en forma vertical sino que lo hacen en forma horizontal, o sea que en lugar de alinearse>
    kjdfkja
    kjfkajf
    jkdjfakj

    lo esta haciendo akjdfkja jaljfakjfa jlkjakfja, no se si conoce algun codigo para que se alineen correctamente.

    Gracias y muchas felicitaciones.

    Mi pagina es http://mhermonec.blogspot.com

    Excelente tu pagina Potro y felicitaciones

    ResponderEliminar
  180. Sólo veo que tengas una canción por lo que no he podido verificar que se acomoden de esa forma las canciones en el reproductor. Pero si te refieres a la forma que se acomodan en tus entradas entonces tienes que dar un salto de línea (ENTER) entre cada canción que agregues.

    ResponderEliminar
  181. gracias potro he puesto el reproductor en mi blog y me va estupendo.
    ya hace tiempo que sigo tu blog y aplico tus consejos..haces una labor magnifica sigue asi.
    si quieres echarle un vistazo la direccion es:
    http://musica-aerobic-dj-adf.blogspot.com/

    ResponderEliminar
  182. hola de nuevo potro quisiera preguntarte por que mi blog no me deja cambiarle el nºde entradas.es decir se las cambio para meterle ejemplo: 25 y solo me publica unas 5 por pag.
    http://musica-aerobic-dj-adf.blogspot.com/

    ResponderEliminar
  183. Hola logiman,

    Gracias por tu comentario.
    Lo que sucede es que desde hace un año Blogger implementó la autopaginación, esto es que sin importar cuántas entradas configuremos en la entrada será él quien decida cuántas entradas mostrará a razón de que el blog no sea tan lento al cargar.
    Si tu blog es ligero entonces podrá mostrar mayor número de entradas, pero sino entonces mostrará el número de entradas que crea que son necesarias.

    Saludos.

    ResponderEliminar
  184. desde que vi el reproductor este lo instalé en mi blog y perfecto alojando los mp3 en Dropbox...
    Hoy que he cambiado de plantilla, ya no sirven los datos que das para cambiar la configuracion, el color....se queda siempre de color gris transparente con el logo de Yahoo...
    Hay alguna sugerencia para poderlo modificar a gusto como antes.Gracias anticipadas

    ResponderEliminar
  185. Hola Anna,

    Acabo de probar el reproductor junto con una personalización en una plantilla hecha con el Diseñador de plantillas de Blogger y continua funcionando como siempre.
    Verifica que estás poniendo los códigos antes de ]]></b:skin>

    Saludos.

    ResponderEliminar
  186. Gracias por tu pronta respuesta ...
    Sigue sin funcionar, todo lo he repasado y no cambia nada ...me fúé muy bien el la plantilla anterior pero en esta nueva, no se que defecto tendrá pero no me funciona.

    ResponderEliminar
  187. Probablemente es porque el código lo has puesto debajo de los estilos que tienes para un buscador. El problema no es que lo pongas debajo sino que al ponerlo has eliminado sin querer la llave de cierre } de esos estilos.

    Lo tienes de esta forma:

    #buscador {
    background:transparent url(https://lh4.googleusercontent.com/_d-dZjRATZVc/TXKKrS6gLQI/AAAAAAAAHX4/Fq2X3-xOhzs/nueva%20barra.jpg) no-repeat scroll 0 0;border:medium none;
    color:#33291F;
    font-family:Georgia,serif;
    font-size:17px;
    font-style:italic;
    padding:5px;
    width:280px;
    #ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
    #ymp-relevance { display:none !important; }
    .ymp-player-max #ymp-body { width:570px !important; }
    .ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
    .ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }
    #ymp-player .ymp-color-main,
    #ymp-tray .ymp-color-tray {
    background-color:#2F437C !important;}
    #ymp-player .ymp-color-text-main {
    color:#FE2E2E !important;}
    #ymp-meta-album-title{display:none!important;}
    }

    Y debe ser así:

    #buscador {
    background:transparent url(https://lh4.googleusercontent.com/_d-dZjRATZVc/TXKKrS6gLQI/AAAAAAAAHX4/Fq2X3-xOhzs/nueva%20barra.jpg) no-repeat scroll 0 0;border:medium none;
    color:#33291F;
    font-family:Georgia,serif;
    font-size:17px;
    font-style:italic;
    padding:5px;
    width:280px;
    }
    #ymp-yahoo-logo, #ymp-relevance {visibility: hidden;}
    #ymp-relevance { display:none !important; }
    .ymp-player-max #ymp-body { width:570px !important; }
    .ymp-player-max #ymp-body #ymp-body-strip { width:557px !important; }
    .ymp-player-max #ymp-body #ymp-body-base { width:560px !important; }
    #ymp-player .ymp-color-main,
    #ymp-tray .ymp-color-tray {
    background-color:#2F437C !important;}
    #ymp-player .ymp-color-text-main {
    color:#FE2E2E !important;}
    #ymp-meta-album-title{display:none!important;}
    }

    Saludos.

    ResponderEliminar
  188. Gracias....eres tan amable...ahora si...esta vez me ha costado mucho aplicarlo, pues tienes toda la razón, en los intentos me olvidé de cerrar el buscador...
    Me enecanta este reproductor y con los arreglos que tu indicas aún más.
    Repito...gracias.

    ResponderEliminar
  189. Hola Potro! Me resulta bastante apropiado este truco. Pero me ocurre pequeñísimo inconveniente, y es que se me sigue mostrando el logo de Yahoo aun incluyendo el código que nos facilitaste en el estilo.

    Te podrías fijar cual es el error?
    Este es el blog

    Muchas gracias de antemano! ;)

    ResponderEliminar
  190. Pues yo no veo el logotipo, supongo que se trataba de un error que ya has corregido.

    ResponderEliminar

Los comentarios están siendo moderados y serán publicados una vez que hayan sido revisados por un administrador.
Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
¿Te gusta Ciudad Blogger?