Стайлинг и калибровочный JWPlayer аудиоплеер на основе процентного

Question

Я пытаюсь настроить аудио встраивания JWPlayer, основанный на this article.

Он говорит, чтобы настроить его так:

<div id="myElement">Loading the player...</div> 
<script type="text/javascript"> 
var playerInstance = jwplayer("myElement"); 
playerInstance.setup({ 
    file: "//example.com/uploads/myVideo.m4a", 
    width: 640, 
    height: 40 
}); 
</script> 

Это прекрасно работает, кроме того, что высота должна быть 100%, а не пиксельной.

На странице JWPlayer Configuration Reference в разделе «Внешний вид» указано «Желаемая ширина вашего видеопроигрывателя (в пикселях или процентах)».

Если вы посмотрите на my codepen, вы увидите, что ширина 100% полностью разрушает высоту 40 пикселей. Если вместо этого вы используете ширину пикселя, это работает.

Из-за способа, которым это входит в мой шаблон, изменение размера с помощью CSS не является вариантом.

Любая помощь была бы принята с благодарностью!

Answer 1

я был фактически в состоянии решить эту проблему, оставляя ширину пустым:

width: "", 
height: 40 

Обновлено пера здесь: http://codepen.io/ericjacksonwood/pen/KNexme