[jQuery] Ajax & JW Video Player. Fine in Firefox PC and Mac. IE6 Not working
Hi - I have a development page here:
http://www.aoec.com/beta2008%5Fv1/open/index_ajax.asp
When you click on the play video box on the left it shows a DIV and
then replaces some black content in that div with the following code:
<div id="player">Javasctipt required.</div>
<script type="text/javascript">
var so = new SWFObject('../common/jwvideo/
mediaplayer.swf','mpl','480','270','8');
so.addParam('allowscriptaccess','always');
so.addParam('allowfullscreen','true');
so.addVariable('height','270');
so.addVariable('width','480');
so.addVariable('file','../../video/aoec1.flv');
so.addVariable('backcolor','0x000000');
so.addVariable('frontcolor','0xAAAAAA');
so.addVariable('lightcolor','0x666666');
so.addVariable('searchbar','false');
so.addVariable('enablejs','true');
so.addVariable('autostart','true');
so.write('player');
</script>
</div>
It works in on Mac Safari / Firefox - and on PC Safari - We are trying
to ensure the whole site works on IE6 but the video div does not seems
to load on IE6.
We have another page: http://www.aoec.com/beta2008%5Fv1/open/index.asp
which has the player loaded in the DOM to start with and that seems to
work OK on IE6 - so it must be the Ajax method we are using?
Here's the JQuery stuff we are using:
$(document).ready(function() {
$('#home_videoplayer').hide();
// Click to open video
$('#openleftfeature').click(function() {
$("#videoplayer_container").load("videoplay.asp");
$('#home_videoplayer').animate({height:'show'},'100');
});
// Click close player
$('#video_close').click(function() {
// Replace video content with nothing and close
$("#videoplayer_container").html(" ");
$('#home_videoplayer').animate({height:'hide'},'100');
});
});
Any help would be greatly appreciated.
Thanks