为什么JWPlayer在视频上方和下方显示黑条?

时间:2013-08-15 10:27:18

标签: jwplayer

JWPlayer 6在iPhone或智能手机上以纵向模式播放视频时,在视频上方和下方显示黑条,但不在横向模式下播放!当视频播放器宽度减小到320px或更低时,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
}); 

2 个答案:

答案 0 :(得分:1)

此代码可以使用:

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'
}); 

答案 1 :(得分:0)

我有类似的问题。虽然黑条仅出现在底部,并且仅在单击播放按钮时出现。我得到了我的工作与在视频div元素上将font-size设置为零的css hack。所以在你的小提琴例子中,它就像这样

modules::import_package('foo', attach = TRUE)