html5-video之Flowplayer 在 Flash 中错误的纵横比

我在网站上使用 flowplayer，它会根据浏览器功能自动在 HTML5 和 Flash 版本之间进行选择。我遇到的问题是，当使用 Flash 时，视频会拉伸(stretch)以使用整个播放器，但在 HTML5 中却能正确显示。

这是在 Flash (Firefox) 中的显示方式

这里是 HTML5 (Chrome)

是否可以解决该问题？

我在 HTML 中使用这段代码:

<div data-swf="//releases.flowplayer.org/5.4.3/flowplayer.swf" class="flowplayer is-poster" data-ratio="0.416"> 
    <video preload="none"> 
        <source src="http://mysite/video.mp4"> 
    </video> 
</div> 

我刚刚设法在 jsFiddle 中复制了这个问题

http://jsfiddle.net/xtrPm/

请您参考如下方法:

原来隐藏在设置深处的waaaay是这样的:

http://flowplayer.org/docs/setup.html#config-options

flashfit:v5.3 是否保留 Flash 非全屏模式下的视频纵横比。仅当容器的尺寸不适合视频的宽高比时才将此设置为 true，例如适用于具有不同宽高比剪辑的播放列表。请注意，使用动态调整容器大小的设置要求容器与视频的比例相同。该选项也无法处理变形视频，因为 Flash 不知道视频的显示纵横比。

http://jsfiddle.net/L2Exb/11/

<div data-swf="//releases.flowplayer.org/5.4.3/flowplayer.swf" 
 class="flowplayer is-poster" data-flashfit="true"> 
  <video preload="none"> 
    <source type="video/mp4" src="http://encodable.com/uploaddemo/files/video/butterfly..mp4" /> 
  </video> 
</div>