ExternalInterface, swfObject 2, Firefox

Wierd bug I’ve been scratching my head over for days. I have 2 frames (gross I know, but ther was no other choice). One has my html content and one has my swf. Internet Explorer is able to find the function I registered with ExternalInterface but Firefox can not and hits an error claming that “unpause_demo is not a function” Any ideas why?

Actionscript:


var methodName:String = "unpause_demo";
var instance:Object = this;
var method:Function = continue_demo;
ExternalInterface.addCallback(methodName, instance, method);

function continue_demo() {
	ns.pause(false);
}

html:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>-</title>
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/clearfix.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/typography.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen, projection" />
	<script type="text/javascript" src="js/swfobject.js"></script>
	<script type="text/javascript">
		swfobject.registerObject("flashDemo", "8.0.0");
		function play_demo() {
			document.getElementById('flashDemo').unpause_demo();
		}
	</script>
</head>
<body>
<div id="demo">
	<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100" id="flashDemo">
        <param name="movie" value="swf/LillyDemo.swf" />
        <param name="flashvars" value="flvTarget=../flv/VO_01.flv&amp;hideBackBtn=true" />
        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="swf/LillyDemo.swf" width="100%" height="100" id="flashDemo">
            <param name="flashvars" value="flvTarget=../flv/VO_01.flv&amp;hideBackBtn=true" />
        <!--<![endif]-->
            <a href="http://www.adobe.com/go/getflashplayer">
                <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
            </a>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
    </object>
</div>
</body>
</html>


  • Yes I’ve already done a search before posting this, any solutions or guesses at solutions have not been applicable or have not helped, obviously…