How to resize Flash overlay plugin on fullscreen in video player?

programming flash
1

First of all hello everyone. This is my first post here so I hope this is the right forum to post in since I’ve had this Flash problem for a long time and hope to get a fix from someone knowledgeable!

Currently I’m running into a problem with a Flash overlay that has been custom made to overlap the .flv video running in Flowplayer video player (www.flowplayer.org). The overlay is mostly transparent and just includes a few buttons over top the video to allow visitors to click to share, email and visit a related website. Take a look here for example: http://www.cokevideos.com

The video and Flash buttons work fine when videos are played within Flowplayer at normal size, but when making it fullscreen using Flowplayer, the Flash overlay plugin does not resize to fullscreen with it. Then, when made regular size again it gets distorted, as you can see from the example.

I know it might involve creating a custom onResize() function, but I haven’t figured this out yet with Flowplayer. There are vague instructions & snippets of code here under “Layout management” section, but having trouble seeing what they refer to: http://flowplayer.org/documentation/developer/writing-flash-plugins.html

override public function set width(newWidth:Number):void {
	 // use newWidth here to arrange my child objects
}

override public function set height(newHeight:Number):void {
	 // use newHeight here to arrange my child objects
}

override public function onResize():void {
    /*
        set _childButton width according to my new width,
        the standard width & height properties have been set already
    */
    _myChildButton.width = width - 20;
    _myChildButton.x = 10;
}

Interesting, and get the idea but doesn’t tell me much about where this code goes.
Has anyone tried to make anyone similar & know any suggestions? I have a feeling it might involve making a new .as class in Flash and associating it to the custom buttons overlay .swf. On the right track? Or do I need to instead write up some actionscript in the form of: stage.addEventListener(FullScreenEvent.FULL_SCREEN, onFullscreen);

Any ideas to get the overlay to resize using onResize, or onFullscreen(which seems native to Flowplayer) and what code should be used would be very helpful. Others may be also trying to make custom overlay plugins too, and the fullscreen issue would be the next step to know after that and make it look more complete.