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

时间:2011-04-23 14:35:34

标签: javascript flash jwplayer

很抱歉,如果发布此内容是错误的部分。我想用JW播放器作为音频播放器。所以我想把它拿出控制栏上面显示缩略图的区域,因为我只想显示控制栏。如果那只是一首歌,我可以改变JW播放器的高度,但现在我想要的是播放列表。因此,如果我改变JW播放器的高度,则底部播放列表会被搞砸。我附上图片以表明它。

enter image description here

播放列表当我改变JW播放器的高度

时,会变成这样

enter image description here

1 个答案:

答案 0 :(得分:0)

以下是我使用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.positioncontrolbar属性。这两者都应该设置为相同的东西。我已将它们都设置为top;这会将播放列表定位在播放器上方,就像您的示例一样。

  3. playlist.size属性。每个播放列表项的高度均为60px,因此为避免滚动条和播放列表项展开,此属性应仅为60的倍数,从60开始。你可以计算一下,只显示所需的播放列表项目数,然后让用户滚动查看其余项目。

  4. 我得到的最终结果如下:

    JWPlayer Audio