根据百分比设置和调整JWPlayer音频播放器的样式

时间:2016-12-12 21:22:11

标签: javascript jquery html audio jwplayer

我试图根据this article.设置JWPlayer音频嵌入

它说要像这样设置:

<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上,&#34;外观&#34;部分,它说&#39;您想要的视频播放器宽度(以像素或百分比表示)&#39;。

如果你看一下my codepen,你会发现100%的宽度完全打破了40px的高度。如果你使用像素宽度,它似乎工作。

由于这种方式属于我的模板,因此使用CSS调整大小并不是一个选项。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:0)

我实际上可以通过将宽度留空来解决这个问题:

width: "",
height: 40

此处更新了笔:http://codepen.io/ericjacksonwood/pen/KNexme