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&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&hl=en_US&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="331"></embed></object>
</div>
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
Forum Rules
Bookmarks