Fxcomponent: Flex video player issue

I'm using the fxcomponent: Flv video player to play my flv/mob files.

You may get it from here.

Now, player works perfectly as shown in their开发者_如何转开发 site, but when I try to use the FXVideo control in popup window (popup manager help is here), the component gives mirror image!, strange, I didn't change any code in that.

So can any one help me out to fix this issue, as I'm novice to action script?

Image:

For quick set up, I'm putting my code here:

1. FXVideo_Example.mxml file (No change at all except variable)

           [Bindable]
           private var source:String = "http://localhost/greatcatches.flv";
   
           ]]>
   </mx:Script>
   <controls:FXVideo width="480" height="360" source="{source}" autoPlay="false" bufferTime="10" /> 
   

2. MainPage.mxml:

           import mx.core.IFlexDisplayObject;
           import mx.managers.PopUpManager;
   
           private function showW():void {
               // Create a non-modal TitleWindow container.
               var helpWindow:IFlexDisplayObject =
                   PopUpManager.createPopUp(this, FXVideo_Example, false);
           }
       ]]>
   </mx:Script>
   
   <mx:VBox width="480" height="360">  
       <mx:Button click="showW();" label="Show"/>
   </mx:VBox>
   

Ended up by using spark component!

<s:VideoPlayer id="videoPlayer"
   source="http://localhost/greatcatches.flv"
   autoRewind="true"
   muted="true"
   horizontalCenter="0"
   verticalCenter="0" />