FLVPlayer appearing in Safari and not Firefox

Question

I've created a custom FLV skin and embedded it in a .swf file so that captions are rotating over top of the video. The FLV skin contains a play/pause button, a mute button and a frame that is overtop of the video. The ideal final product is below:
The file tests fine when I preview it from Flash CS4, but errors begin to appear when I placed it in the site. In Firefox the FLV player (skin and video) won't appear, but the quotes work perfectly. In Safari, the file loads fine the first time a user navigates to a page but afterwards it gives me the same errors as Firefox. The fact that it loads fine once really throws me off.
I based my skin off of a premade template, the actionscript is below:
this.pauseButtonDisabledState = "fl.video.skin.PauseButtonDisabled";
this.pauseButtonDownState = "fl.video.skin.PauseButtonDown";
this.pauseButtonNormalState = "fl.video.skin.PauseButtonNormal";
this.pauseButtonOverState = "fl.video.skin.PauseButtonOver";
this.playButtonDisabledState = "fl.video.skin.PlayButtonDisabled";
this.playButtonDownState = "fl.video.skin.PlayButtonDown";
this.playButtonNormalState = "fl.video.skin.PlayButtonNormal";
this.playButtonOverState = "fl.video.skin.PlayButtonOver";
this.muteButtonOffDisabledState = "fl.video.skin.MuteButtonOffDisabled";
this.muteButtonOffDownState = "fl.video.skin.MuteButtonOffDown";
this.muteButtonOffNormalState = "fl.video.skin.MuteButtonOffNormal";
this.muteButtonOffOverState = "fl.video.skin.MuteButtonOffOver";
this.muteButtonOnDisabledState = "fl.video.skin.MuteButtonOnDisabled";
this.muteButtonOnDownState = "fl.video.skin.MuteButtonOnDown";
this.muteButtonOnNormalState = "fl.video.skin.MuteButtonOnNormal";
this.muteButtonOnOverState = "fl.video.skin.MuteButtonOnOver";
this.minWidth = 640 ;
this.minHeight = 480 ;
this.border_mc.anchorLeft = true;
this.border_mc.anchorRight = true;
this.border_mc.anchorBottom = true;
this.border_mc.anchorTop = true;
this.volumeMute_mc.minHeight = 40;
this.volumeMute_mc.anchorRight = true;
this.playpause_mc.minHeight = 40;
this.playpause_mc.anchorRight = true;
I timed the slides using the timeline, so this the actionscript for the main swf file. I wouldn't think that this has anything to do with it
pullquote.addEventListener (MouseEvent.CLICK, pressLink);
function pressLink(event:MouseEvent):void {
navigateToURL(new URLRequest("../press.php"));
trace ("Press Link");}
My settings for the FLV player are below. All files are contained within the same director.
align: center
autoPlay: true
cuepoints: none
isLive: false
preview:none
scaleMode: exact fit
skin: *absolute path to*/FLVskin.swf
skinAutoHide false
skinBackgroundAlpha: 1.00
skinBackgroundColor: #fffff
source: *absolute path to*/intro.flv
volume: 1
I'm completely at a loss for what to do with this and I'm not entirely sure if this is an actionscript 3 issue, a flash issue or something to do with the connection between the swf, flv and skin files on my server. Any kind of direction would be very much appreciated!

Answer 1

That's an ongoing problem when you have shapes overlaying text boxes.  Have you tried embedding the shape, with text inside the shape, in the text box with text wrapping. That would lock the buttons to the text and you can make the text the hyperlink.  This demo page has examples: Photos and Shapes in Text Box with Wraparound.  Might work for you.  Otherwise it's a trial and error process.