2

当在 iPhone 或 android 智能手机上以纵向模式播放视频时，JWPlayer 6 会在视频上方和下方显示黑条，但在横向模式下则不会！当视频播放器宽度减小到 320 像素或更少时，iPad 上也会发生同样的情况。我用于测试的视频的宽高比为 16:9，元数据宽度和高度分别为 640、360。

为什么会发生这种情况，更重要的是，如何在不拉伸/裁剪使用不同“拉伸”值（“填充”、“精确拟合”、“无”）导致的视频的情况下移除条形？

链接：http: //jsfiddle.net/hRAKQ/17/

JS代码：

var jw = jwplayer("test").setup({
    file: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",
    image: "http://lorempixel.com/320/180/sports/7/",
    width: 320,
    height: 180,
    autoplay: false
});
4

2 回答 2

2

此代码将起作用：

var jw = jwplayer("test").setup({
    file: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",
    image: "http://lorempixel.com/320/180/sports/7/",
    width: 320,
    height: 180,
    autoplay: false,
    stretching: 'exactfit'
});
于 2013-08-15T15:51:54.183 回答
0

我有一个类似的问题。尽管黑条仅出现在底部并且仅在单击播放按钮时才出现。我让我的视频 div 元素上的字体大小设置为零的 css hack 工作。所以在你的小提琴例子中它会是这样的

<div id="test" style="font-size: 0"></div>
于 2017-08-26T08:59:35.337 回答