kaltura/mwEmbed — pull request #174 by ranyefet (2012-06-21 11:33:05+00:00)
Title: Layout refactor

## Description
Very large layout re-factor. the purpose of this re-factor was to:
1. Move to more CSS based re-sizing (100%x100%)
2. Less JavaScript calculation for re-sizing and positioning.
3. Support for AutoResizing player in playlist mode

## Layout Structure
We now have #playerContainer div that contain the entire player and it's components, this is the $interface.
We also have #videoHolder div that holds the video and every related element.
The #videoHolder is the only element that has fixed height calculated according to the other "block" elements inside #playerContainer.

```HTML

```

If a plugins needs to add element to the DOM you first need to decide:
Is this element is part of the video area or the player container?
A good example is the title plugin, the title is part of the player but shouldn't be on the video area so we added it above #playerHolder and gave it "block" class so it will be calculated as player component.
Another example will be the watermark plugin. the watermark should always be on the video area so we append it to #videoHolder. the watermark plugin doesn't need to know about the control bar mode / height. It just works!

## Testing
Basically we need to test all test files. I've tried to test the files that i though will break like playlists, title, ads.. Please run some more tests on the other tests files.

I've tested against iPad iOS 4/5 / iPhone / Android 2.3, 4.0 / Xoom / Blackberry

Please review and test more :)