html - 控制 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>

data-ratio的默认值为“0.5625”，即默认比例9/16。或者，您可以通过 CSS 更改容器的比例：

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

更多信息可以在这里找到http://flowplayer.org/docs/