Playing mp3 on website without blank screen

[showman13]

Good afternoon,

I have an MP3 of a short presentation that I would like to make available on the index page of my members site.
Actually it is already there... and it works.

But, the problem that I have is that when you click on the link, it opens the browser with a blank white screen with the player control in the center...

What I would like to be able to do is to click on the link for the MP3, and either have it open in a window where I can control the background, or just have the controls show up in a small window within the page...

Hopefully that makes sense.

Any direction on this matter would be greatly appreciated.

I would provide a link so you could see what I'm talking about but not sure how the moderators feel about that.

Thanks in advance
Douglas

@showman13

But, the problem that I have is that when you click on the link, it opens the browser with a blank white screen with the player control in the center...

How does it play? Do you have a like a mp3 player on that page to play that mp3?

Here is a list of embeded players:

http://www.makeuseof.com/tag/embed-mp3-player-website/

Base on what you mention you need to embebed a player on the pop up window so it will play that music.

[showman13]

Well, I just went and checked out that link, and the one that is indicated for just simply playing a single mp3 looked like it would be great, but when I tested it, what I got was a notice on the page that said that a plugin was required to play the MP3.

I need something that would be totally self contained that people won't need to do anything to be able to listen to it... most people won't download a plugin.

Any other suggestions would be greatly appreciated.

thanks

Douglas

Are you using the html5 <audio> tag with fallback or have you got a custom player? Here's a handy link, but I think things have moved on slightly from this. It works for me anyway: http://www.html5rocks.com/en/tutorials/audio/quick/

[showman13]

I just found exactly what I needed after testing out that suggestion...

Here is what I found. and it was a matter of copying and pasting the code and adding the name of the file to play...

this is where I found it http://www.ericzhang.com/mp3.php

and just for ease, here is the code...

<embed wmode="transparent" src="http://www.ericzhang.com/music/?url=http://www.tripletrack3.com/downloads/sizzle_1_15_13.mp3&amp;autostart=true" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="150" height="50"></embed>

Thank you for your response that let me to finding this...

What really led me to where I needed to go was the term 'Embedded'- as silly as that may sound

[showman13]

Actually it looks better in real life then it does if you click on that link..

Hope it is alright to put this here, but if not, please let me know..

http://tripletrack3.com/

Thanks again to everyone that has answered so many questions for me over the past couple of years.. This site has helped trememdously with my education.

Douglas