3

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

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

FlowPlayer Flash

在 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/

4

2 回答 2

4

事实证明，隐藏在设置深处的 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>
于 2013-10-08T00:56:53.340 回答
2

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

clip: {
    url: 'mp4:vod/demo.flowplayer/buffalo_soldiers.mp4',
    scaling: 'fit', // this line make it work
    provider: 'hddn'
},
于 2015-07-20T09:01:54.343 回答