JWPlayer导致视频周围出现黑色边框

Question

我在使用JWPlayer拍摄视频的两个场景之间陷入困境：

1）使用正确的宽高比，视频仅加载可用宽度的一半

2）如果我增加可用高度，我最后会看到顶部和底部的边框（这有意义，因为比率不再正确：实例：http://goo.gl/nfTIzW！

以下是使用的代码：

<div class="video-container">
     <script>jwplayer.key="xxx"</script>
     <div id="container<?php echo $id; ?>">Loading the player ...</div>
     <script type="text/javascript">
        jwplayer('container<?php echo $id; ?>').setup({
                        modes:
                            [
                                { type: "flash", src: '/jwplayer/jwplayer.flash.swf' },
                                { type: "html5" }
                            ],
                        skin: '/jwplayer/modieus.xml',
                        controlbar: "over",
                        'controlbar.idlehide': "true",
                        aspectratio: "16:9",
                        file: '<?php echo $video; ?>',
                        image: '<?php echo $image; ?>',
                        height: '100%',
                        width: '100%'
                    });
    </script>
</div>

.video-container
{
     display:relative;
     width:592px;
     height:333px;
     margin-bottom:40px;
}

因此，为了在视频容器上使用媒体查询，高度和宽度为100％，592 x 333是正确的16：9宽高比，但只播放半宽，增加的高度使用最多可用高度但最终黑色边框。有什么建议吗？

虽然我不相信我应该需要，但我尝试使用'stretch'属性作为'fill'，这确实修复了方案一，直到另一个媒体查询开始，然后一半的视频消失了。