Flowplayer Flash中的宽高比错误

Question

我正在使用流媒体网站，它会根据浏览器功能在HTML5和Flash版本之间自动选择。我遇到的问题是Flash何时播放视频以使用整个播放器，但在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/

Answer 1

事实证明，在设置深处埋藏的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>

Answer 2

我使用此方法来解决此问题。

clip: {
    url: 'mp4:vod/demo.flowplayer/buffalo_soldiers.mp4',
    scaling: 'fit', // this line make it work
    provider: 'hddn'
},