There was a temporary workaround to make the player work after June 30, 2013, but it’s no longer applicable.
Jaap Spitz and Eric Din attempted to revitalize the player, but these attempts possibly conflict with Yahoo! Terms of Service.
After seeing that no direct replacement is available I have created an add-on (jPlayer Jukebox) for jPlayer media library to replicate Yahoo! Media Player functionality.
Please visit dedicated jPlayer Jukebox add-on page for demo, installation and usage information.
Initial version doesn’t support all of the Yahoo! Media Player functionality, features will be gradually added based on feedback from users.
Super happy to find this actual YMP replacement, everything else I’ve seen is demonstrably worse. This, however, is awesome.
I have one feature request. On my WordPress blog, I use the Infinite Scroll plugin to extend the homepage rather than having people click through pagination for older posts. With YMP I was able to use the callback capability of Infinite Scroll to trigger a playlist re-build after the plugin appended new posts to the end of the page which made all the new links playable. I can’t seem to suss out how to do that with jPlayerJukebox.
I have added the ability to rescan page on demand using
parsePagemethod. Please see the demonstration and let me know if you have any questions.
I use Blogger of Google. Pls help me embed jPlayer Jukebox to my blog nguoiaolam.net?
Just sent you an e-mail.
Hi Michael, I looked through the developer options and couldn’t find what I was looking for. Is there a way to make the player auto-appear when clicking a link, rather than manually toggling?
There is a workaround for that. However I don’t want to publish it here, but rather develop an easy way to do it in future. I will send you an e-mail shortly.
I’m in the same situation with Michael S. When a user clicks the play button, I would like to toggle the player open.
In addition, how can I make the play button larger? I see the
.jp-page-btn-pauseCSS classes. I thought about replacing them with font awesome some how. Thoughts?
And thanks for this.
See this jsFiddle for a possible solution.
Michael, that works like a charm. Thanks for you help.
My player is showing the name of the file rather than the text of the link (like Yahoo MP did). Is there an option to change this behaviour?
titleattribute to set song title, for example
<a href="filename.mp3" title="Song title">click here</a>. This is undocumented for now, thank you for bringing it to my attention.
I’ve been working to find a solution, but I’m afraid I’m not skilled enough with syntax. I want the player to maximize anytime an mp3 link is clicked on. I believe this will require api (after initialization) code. Any suggestions?
David, see this jsFiddle for an example on how to maximize player when media is played.
I implemented the jPlayer Jukebox add-on (see code at bottom) on my website and it works (plays, displays, etc.) fine on my PC (with Chrome browser). However, when I tried it with my mobile phone (Moto E with Chrome browser), the jPlayer Jukebox tab that floats on the bottom left doesn’t collapse to the left when the mobile phone is in the vertical position…it does work fine (does collapse) when the phone is in the horizontal position.
This problem also occurs on the http://www.gyrocode.com/projects/jplayer-jukebox/ website.
Please let me know if you will be providing a fix for this.
Larry, it is not a bug, but rather a feature. On smaller screens player automatically shows on the bottom of the page and ignores collapsed state.
OK, but the problem with that feature is that the player covers over some of the website contents at the bottom of the page. For example, on http://www.gyrocode.com/projects/jplayer-jukebox, the text under “Action is the basis of success. Fortune” can’t be seen due the player covering it over….the only way to see the text is to position the phone horizontally.
You need to add your own CSS to add margin at the bottom when screen size < 480px. You can also download an edit the Uno skin and remove last block titled "Small screen support".
Hi Michael — this is such a terrific player and I have used it quite a bit. Thank you many, many times!
Yahoo Media Player had an option we liked: Whether or not the text of the audio link actually triggered the player or remained a direct link to the file. We always preferred to set it so that the automatically inserted play button triggered the player, but the text to the right (that links to the mp3 file) remains a direct link. Is this possible in any way?
We have an old, huge website that isn’t responsively designed (hopefully some day soon that will change!), and many of our mobile users like using their browsers built-in player via clicking on the mp3 link text directly.
There is no such option now but it seems like an easy change so I can add it sometimes soon.
Chris, based on your comment I released a new version 0.6.5 adding support for a new parameter playLink. Player will not play links if
playLinkis set to
Amazing, Michael! Thanks a million! This is a significant feature for us and our users!
Please test it and make sure it works as you expected it to work. Thanks!
Works like a charm — thanks so much, Michael!
There is a problem which could be related to this, my links wont display that play button on left side? i am using php to display files like this:
echo '<a href="client/music/'.$file.'" rel="nofollow">'.$file.'</a>';
which gives this output
<a href="client/music/my song id1.mp3" rel="nofollow">my song id1.mp3</a>. The files are displayed on playlist but no play button next to links. How to fix this?
Sorry didn’t know how links display on comment here. Fixed Displaying mp3 files with this
echo '<a href="client/music/'.$file.'" rel="nofollow">'.$file.'</a>';And output is this
<a href="client/music/my song id1.mp3" rel="nofollow">my song id1.mp3</a>Play button on left side doesnt display like in examples. How to fix?
You’re also adding
class="jp-media"in PHP, this is class that player adds to the links that are already processed, that’s why play button doesn’t appear. Remove
class="jp-media"from your code and it should work.
Fabulous! What a find this is! My archived Yahoo! Player only just not working for me in Firefox and Chrome, but still does in IE curiously. It was only matter of time.
I embedded script in Blogger template. The player works fine, but there is no small play button shown before the mp3 link. What do I miss? Please advise.
Can you please share a link?
I want display the play button on the left side of the MP3 link.
I want click on the link to start the play.
It is possible?
This is how it works by default.
Truly excellent work, so grateful to have a player that performs like the old Yahoo Media Player. Only improvement I can think of would be to have a volume control, but apart from that it’s a beautifully elegant solutiion. Thank you Michael.
Thanks for the great work! I want to get rid of the black play button altogether as I’m linking from an image. Can I get rid of the button?
You can use the following CSS rules to hide play/pause button:
See this example for code and demonstration.
Great! That works fine. Thanks very much.
how to add multiple player in one html page
Please see this example for code and demonstration.
Could you please provide support to play .rm real media player files as well?
jPlayer Jukebox is an add-on to jPlayer library. Unfortunately jPlayer doesn’t support Real Media format, see supported formats for more details.
You are wonderful. I sent you a private message–and thanks for all your help!
Could you tell me how to make the player play all of the tracks in the list rather than just the one I click on? It did it before but now stops after playing one track.
Thank you Michael,
Hi, would you have any way to integrate youtube link into your player?
Leonardo, you can use
data-buyattribute for your links and specify your YouTube link. You would need to change shopping cart icon to something else with CSS rules. See this example for demonstration.
Thanks for the answer, I put it to test on my blog and it worked. Sorry for ignorance I would like to know if you have how to put to play a video of youtube instead of mp3, similar to the site https://scmplayer.co/ where you can add a link from youtube in the music player.
Thank you very much in advance.