控制Flowplayer视频宽高比

Question

您好我正在开发一个在线视频流媒体网站。我正在使用flowplayer（HTML5）来运行视频。我有个问题;是否可以控制播放器的纵横比？我问这个是因为对于一些mp4视频来说，0.5625的宽高比看起来很完美，而对于某些人来说，0.417的比例是完美的。我是新手，无法弄清楚如何继续。有人可以帮忙吗？

Answer 1

Flowplayer很不错。是的，您可以通过各种方式控制宽高比。

您可以更改播放器配置中的比率：

flowplayer.conf.ratio = 3/4;

或者您可以使用容器元素的data-ratio属性在HTML配置中设置比率，如下所示：

<div class="player" data-ratio="0.417">
   <video>...</video>
</div>

数据比率的默认值是“0.5625”，即默认比率为9/16。 或者，您可以通过CSS更改容器的比率：

.flowplayer .fp-ratio {
   padding-top 41.7%
}

可在此处找到更多信息http://flowplayer.org/docs/