dcsimg
www.webdeveloper.com
Results 1 to 2 of 2

Thread: IE keeps playing audio of hidden div

  1. #1
    Join Date
    Feb 2011
    Posts
    3

    IE keeps playing audio of hidden div

    Hello.. i'm trying to stop the audio in a hidden div from playing once a user clicks on the next video clip. i know this is a known bug in IE but i can't figure out how to fix this (as i am a total noob). can someone tell me how i can do this? And yes, my client refuses to use firefox and only IE

    Here is my current code.


    <SCRIPT LANGUAGE="JavaScript">
    <!--
    var PANELS = new Array("pn_1", "pn_2", "pn_3", "pn_4", "pn_5");

    function togglePanel (pnl) {
    for (var p=0; p < PANELS.length; p++) {
    document.getElementById(PANELS[p]).style.display = (PANELS[p] == pnl) ? "block" : "none";
    }
    }
    //-->
    </SCRIPT>
    </head>

    <body onLoad="togglePanel(PANELS[0])">

    <div id="sidebar">
    <ul>
    <li><a href="javascript:togglePanel(PANELS[0])">Clip1</a></li><br />
    <li><a href="javascript:togglePanel(PANELS[1])">Clip2</a></li><br />
    <li><a href="javascript:togglePanel(PANELS[2])">Clip3</a></li><br />
    </ul>
    <!-- end #sidebar --></div>
    <div id="mainContent">

    <div ID="pn_1" style='display: none'>
    <object width="500" height="331">
    <param name="movie" value="http://www.poptent.net/getplayer/29624"></param>
    <param name="allowfullscreen" value="true"></param><param name="allowScriptAccess" value="always"></param>
    <embed src="http://www.poptent.net/getplayer/29624" type="application/x-shockwave-flash" width="500" height="331" allowfullscreen="true"
    allowscriptaccess="always"></embed>
    </object>
    </div>

    <div ID="pn_2" style='display: none'>
    <object id="flashobject" type="application/x-shockwave-flash" allowScriptAccess="always" allowFullScreen="true" allowNetworking="all"
    height="331" width="500"
    data="http://r.unicornmedia.com/content.aspx?uid=AC26FE85-334B-4A21-B72C-154F743F5739&at=33b8192d-c0e5-4159-9c54-7b58053afe42">
    <param name="quality" value="high" />
    <param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="true" />
    <param name="allowNetworking" value="all" /><param name="movie" value=
    "http://r.unicornmedia.com/content.aspx?ui=AC26FE85-334B-4A21-B72C-154F743F5739&at=33b8192d-c0e5-4159-9c54-7b58053afe42" />
    <param name="flashvars" value=
    "config=http://r.unicornmedia.com/embed/33b8192d-c0e5-4159-9c54-7b58053afe42?view=item%26view_i=89e60f0c-c2f2-40bb-9d63-8e485e3c9c09" />
    </object>
    </div>

    <div ID="pn_3" style='display: none'>
    <object width="500" height="331"><param name="movie" value="http://www.youtube.com/v/9YKtIh_jWBA?fs=1&amp;hl=en_US&autoplay=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/9YKtIh_jWBfs=1&amp;hl=en_US&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="331"></embed></object>
    </div>

  2. #2
    Join Date
    Feb 2011
    Posts
    3
    please delete this post, it's duplicate. thanks!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles