Question

I am using embed tag to play background music on my web. It works fine on IE but on Mozilla, and Chrome it gets downloaded. What will be the work around?

My tag is

 <embed 
    src="http://www.abc.com/xyz.mp3" 
    autostart="true" 
    loop="true" 
    hidden="true"/>

I tried HTML <audio> tag but page stopped responding.

Please note, my mp3 file is on some remote server, not on my websites directory.

Answer 1

As Aristos commented you could use a flash player as flowplayer

<a id="mb" style="display:block;width:648px;height:30px;"
href="/media/data/fake_empire.mp3"></a>

<script>
$f("mb", "http://releases.flowplayer.org/swf/flowplayer-3.2.15.swf", {

// fullscreen button not needed here
plugins: {
    controls: {
        fullscreen: false,
        height: 30,
        autoHide: false
    }
},

clip: {
    autoPlay: false,
    // optional: when playback starts close the first audio playback
    onBeforeBegin: function() {
        $f("player").close();
    }

}

});
</script>

(http://flash.flowplayer.org/plugins/streaming/audio.html)

the Audio Tag works only on “new” browsers

...

<audio src="http://xxxx/xxxx/xxx.mp3" autoplay="autoplay" />

...

If not you would have to check via javascript which browser is running and react accordingly