Stop BGSOUND element in IE?

Question

I added background music to the site that I create (don't kill me).
If in IE the element is called BGSOUND, I tried to pause music to pause, the button deletes the whole element and re-adds it, however
it turns out that deleting an item only restarts music for IE.

How to stop music played by a BGSOUND element through javascript?

Current Code:

<!--[if IE]> <BGSOUND id="bgmusic" SRC="<?php echo bloginfo('stylesheet_directory'); ?>/bgmusic.mp3" LOOP="true"> <![endif]--> 

When I run the document.getElementById('bgmusic').stop() command
I get an Object does not support the property or method 'stop'

Answer 1

I suggest using Flash instead. Not only will you have more control over the music, but it will work in browsers too. Today there are more Flash player users than IE .

Answer 2

The ugly job is to set volume to -10000:

 document.getElementById('bgmusic').volume = -10000; 

Answer 3

I had a similar situation with the client page. I found that removing the src property of bgsound elements is the best way to avoid reloading the music issue in IE.

 var bgsoundElems = document.getElementsByTagName('bgsound'); for(var i = 0; i < bgsoundElems.length; i++){ bgsoundElems[i].src = ''; } 

Answer 4

When the user clicks Pause : deletes the item and stores it in a variable
When user clicks Play : Gets an element from a variable and adds it to the DOM

Answer 5

I recommend using SoundManager .

It will use HTML5 sound whenever possible, and will otherwise return to Flash. And it has a unified and simple API .

Answer 6

If you want to execute stop (), you can simply set src to an empty value. Works in IE11 (with emulation of IE8).