IE Flash/Brightcove Video Hide/Show Problem

IE Flash/Brightcove Video Hide/Show Problem

Hi,

I'm using the simple jQuery below to hide/show either a flash video using our Brightcove account or a slideshow of images.  If you click Video, the video displays.  If you play the video and then click on Slideshow  the video stops playing and you see the image slideshow.  This works beautifully in everything but IE.  If you play the video and then click on the Slideshow link, the sound of the video bleeds through the slideshow.  I've used conditional commenting to remove the object using $("object").remove(); but I'm not sure how to restore the object.

Or...is there another solution to this problem?

I am a newbie to jQuery and appreciate your help.

Lisa


  1.                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.js" type="text/javascript"></script>
  2.  <script language="Javascript" type="text/javascript">
                $(document).ready(function() {
                    $('#video').hide();
                    $('#images').hide();
                    $('#showVideo').click(function() {
                        $('#video').show('slow', function() {
                            // Animation complete.
                        });
                        $('#images').hide('slow', function() {
                        });
                    });
                });
                $(document).ready(function() {
                $('#showImages').click(function() {

                        $('#images').show('slow', function() {
                            // Animation complete.
                        });
                        $('#video').hide('slow', function() {
                        });
                    });
                   
                });
            </script>






















  1. <a href="#" id="showVideo">Video</a>&nbsp;|&nbsp;<a href="#" id="showImages">Slideshow</a>
  2. <div id="video"><script type='text/javascript' src='http://admin.brightcove.com/js/BrightcoveExperiences.js'></script>
                        <object id='myExperience345678912' class='BrightcoveExperience'>
                          <param name='bgcolor' value='#FFFFFF' />
                          <param name='width' value='700' />
                          <param name='height' value='330' />
                          <param name='playerID' value='" & playerID ' />
                          <param name='publisherID' value='234567891'/>
                          <param name='isVid' value='true' />
                          <param name='optimizedContentLoad' value='true' />
                          <param name='@videoPlayer' value='123456789' />
                        </object></div>









  3. <div id="images><img src="http://www.somesite.com/images..... /></div>