Fullscreen Mode Breaks Aspect Ratio of Video Created Jan 16, 2009

Couple of threads below, I did then the same, it worked,it was tackled by adding: scaling: 'fit' to the script

<script type="text/javascript">
$f("player", "..path../flowplayer-3.0.2.swf", {
clip: {
baseUrl: '..path to folder/',
autoPlay: true,
scaling: 'fit'
}
} );
</script>

I Am having the same issue. I Just can seem to work out where to put the

scaling: 'fit'

in my html.

Here is what I am using

<center><script src="http://www.onlinetruckers.org/main/media/flowplayer/example/flowplayer-3.0.6.min.js"></script>

<a  
    href="http://www.onlinetruckers.org/main/media/mediaplayer/uktruckshow2008/clip1.flv"  
    style="display:block;width:530px;height:460px"
    id="player"> 
<img src="http://a248.e.akamai.net/f/248/5462/2h/images.gamezone.com/screens/25/3/23/s25323_ps2_1.jpg" alt="Search engine friendly content" />
</a>

<script language="JavaScript"> 
flowplayer("player", "http://www.onlinetruckers.org/main/media/flowplayer/flowplayer-3.0.7.swf" );
</script>

</center>

You can see it working here

http://www.onlinetruckers.org/main/content/view/341/65/

But no matter how I try to add "scaling" to fix the aspect ratio, It will not work.

I Know I am just not putting it in the right place. Can somebody help me out?

Thanks

Oddsodz

Edit -----

I fixed it.

<center><script src="http://www.onlinetruckers.org/main/media/flowplayer/example/flowplayer-3.0.6.min.js"></script>

<a  
    href="http://www.onlinetruckers.org/main/media/mediaplayer/uktruckshow2008/clip1.flv"  
    style="display:block;width:530px;height:460px"
    id="player"> 
<img src="http://static.flowplayer.org/img/player/btn/showme.png" alt="Search engine friendly content" />
</a>

<script language="JavaScript"> 
flowplayer("player", "http://www.onlinetruckers.org/main/media/flowplayer/flowplayer-3.0.7.swf", {

 clip: { 

scaling: 'fit'
}
      }); 
</script>

</center>

Hi,
Could someone help me to fix same thing in overlay version, becase there is a little different kind of javascript code.

So, where should I paste clip: {scaling: 'fit'} ?

Thanks

<script>

$(function() {

	// install flowplayer into flowplayer container
	var player = $f("player", "/swf/flowplayer-3.1.5.swf");
	
	// setup button action. it will fire our overlay 
	$("button[rel]").overlay({
		
		// use the Apple effect for overlay
		effect: 'apple',
		
		// when overlay is opened, load our player
		onLoad: function() {
			player.load();
		},
		
		// when overlay is closed, unload our player
		onClose: function() {
			player.unload();
		}
	});
			
});
</script>

scaling always goes as clip property in the flowplayer configuration, i.e. the 3rd argument to the flowplayer function:

// install flowplayer into flowplayer container 
var player = $f("player", "/swf/flowplayer-3.1.5.swf", {
  // player config goes here
  clip: {
    scaling: "fit"
  }
});