How best to manage a fullscreen flash element in a browser that changes aspect ratio
Posted on 2013-01-03
I have a weird problem I'm trying to sort for a project and I'd appreciate some advice if possible please?
I have a project designed with a client that currently loads a swf into a new web browser and sets the dimensions as 1280x1024. Within the flash loader is a content area that is 1059x684. There is a lot of dead space in the client's window being taken up with poorly designed/executed navigation for the content however it is locked down and cannot be changed.
There is a secondary use of the content that requires it to be displayed on a projector in a medium sized room for people to study. The content within the 1059x684 is deemed to small and as such I am exploring options of making it bigger. Ideally I want to show how much better things could be if we can bust out of the none-scaled 1059x684 element within the 1280x1024 frame and simply show the 1059x684 at full-screen with some very elegant UI either in the letterbox space or vertically placed depending on whether the screen is widescreen or 4:3 (I have already worked out how to achieve this part).
My question to the experts is...
Is this possible please?
I have tried different approaches to this and to be honest I'm getting myself confused/losing objectivity. I have tried to setup External Interface calls between the SWF and the JS to resize the content but I have had limited success - the problem is I'm not sure if it is possible and if it is, I don't know if I am doing it right.
We have to use SWFObject
Kind regards and thank you in advance for any help you can provide,