Firefox not recognizing swf object for Youtube's Javascript Chromeless API

[araich1219]

I have been looking all over the internet trying to find a solution for this, and all of the various api pages for youtube and googles swf object tag. I am using the javascript chromeless api from youtube for my website in order to bring up a video player. It is working great in Safari, Chrome, and Operah (don't know about IE). However the player was not showing up in FireFox. After using FireBug I discovered that Firefox was not recognizing my function calls to the swf object I created to embed the flash YoutTube player. "ytplayer.loadVideoById() is not a function" ect.

I followed the Youtube API directions to a tee and still nothing. My Flash player and Firefox versions are up-to-date. I tried multiple versions of google's swf object to no avail. Again, its working in the other browsers, just not Firefox. Any help would be GREATLY appreciated.

I'm posting the most relevant code here, but let me know if you'd like to look at the whole page and ill post or send. (First time posting btw).

<script type="text/javascript" src="swfobject.js"></script>

<script type="text/javascript">

var params = {allowScriptAccess : "always"};
var atts = {id: "myytplayer", name: "myytplayer"};
var flashvars = {};
var vidId = "";
var webImage ="";
var ytplayer;

swfobject.embedSWF("http://www.youtube.com/apiplayer?version=3&enablejsapi=1&playerapiid=ytplayer",
"ytapiplayer", "800", "450", "8", null, flashvars, params, atts);

function onYouTubePlayerReady(playerId) {
    ytplayer = document.getElementById('myytplayer');
}

function switchToVideo() {
	$('#webFrame').fadeOut(function(){
	$('#innerContent').animate({
		height: '450px',
		width: '800px',
		});
	$('#playerContainer').animate({
		marginLeft: '-400px',
		marginTop: '-235px'
		});
	});	
	[COLOR="DarkRed"]ytplayer.loadVideoById(vidId);[/COLOR]
	playing = true;
	document.getElementById('playerButton').style.display = 'inline';
}