Flowplayer makes it easy to adapt your screen size to the video size with a nice
animation. This demo shows the player's animation engine in a real-life situation.
We have a playlist where each clip in the playlist is played with a different sized
screen. When a clip starts playing the screen size is adjusted according to the
size of the clip.
The trick is to use custom properties in each playlist clip. Those custom
properties are used in the onStart event listener on the common clip - which is
called for each clip in the playlist. Look at the
events documentation for more information.
Note: In reality you would be using the width and height values that are
available in the video metadata. You can access these with clip.metaData.width
and clip.metaData.height. Here we are not using these as we were lazy and did not
bother to encode different sized videos just for this demo.