javascript - JW Player 如何取出控制栏上方的屏幕区域？

Question

抱歉，如果发错版 block 了。我想使用 JW 播放器作为音频播放器。所以我想将其取出控制栏上方显示缩略图的区域，因为我只想显示控制栏。如果那只是一首歌，我可以改变 JW 播放器的高度，但现在我想要的是播放列表。所以如果我改变 JW 播放器的高度，底部的播放列表就会搞砸。我附上图片以使其清楚。

当我改变JW播放器的高度时，播放列表变成这样

Answer 1

这是我使用 JWPlayer 网站上的示例整理的解决方案:

jwplayer('video').setup({
    width: '480',
    height: '24',
    'playlist': [{
        'file': '/Nebraska.mp3',
        'title': 'Nebraska - Bruce Springsteen'
    }, {
        'file': '/Atlantic_City.mp3',
        'title': 'Atlantic City - Bruce Springsteen'
    }],
    modes: [
        { type: "html5" },
        { type: "flash", src: "/mediaplayer/player.swf" },
        { type: "download" }
    ],
    'playlist.position': 'top',
    'playlist.size': '120',
    'controlbar': 'top'
});

在我的示例中需要注意的重要事项是:

1. 玩家的高度。这应该是 24px，因为 24px 是控制栏的高度。

2. playlist.position 和 controlbar 属性。这些应该设置为同一件事。我已将它们都设置为 top；这会将播放列表放置在播放器上方，就像您的示例一样。

3. playlist.size 属性。每个播放列表项的高度为 60px，因此为了避免滚动条和播放列表项拉伸(stretch)，此属性只能是 60 的倍数，从 60 开始>。您可能可以计算此值以仅显示所需的播放列表项目数，然后让用户滚动查看其余内容。

我得到的最终结果如下所示: