Flowplayer在Flash中的纵横比错误答案

【问题标题】：Flowplayer wrong aspect ratio in FlashFlowplayer在Flash中的纵横比错误
【发布时间】：2015-07-20 17:01:54
【问题描述】：

我正在为网站使用 flowplayer，它会根据浏览器功能自动在 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/

【问题讨论】：

标签： html5-video flowplayer flash-video

【解决方案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>

【讨论】：

感谢您的新回答。你知道如何在 flowplayer 中设置缩放属性吗？文档不是很清楚，我无法使其工作。我尝试了您发布的链接中的示例，它是相同的：jsfiddle.net/L2Exb/1

【解决方案2】：

我用这个方法来解决这个问题。

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

【讨论】：