JW Player Как вынуть область экрана над панелью управления? - PullRequest
Новая
       29

JW Player Как вынуть область экрана над панелью управления?

1 голос
/ 23 апреля 2011

Извините, если это неправильный раздел, чтобы опубликовать это. Я хочу использовать JW player в качестве аудиоплеера. Поэтому я хочу убрать область над панелью управления, на которой отображаются миниатюры, потому что я хочу, чтобы отображалась только панель управления. Если это всего лишь одна песня, я могу просто изменить высоту проигрывателя JW, но теперь мне нужен список воспроизведения. Поэтому, если я изменю высоту проигрывателя JW, нижний список воспроизведения облажается. Я приложил изображение, чтобы прояснить его.

enter image description here

Плейлист. Стань таким, когда я меняю высоту плеера JW

enter image description here

1 Ответ

0 голосов
/ 19 августа 2012

Вот решение, которое я собрал, используя примеры с сайта 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, поэтому во избежание растягивания полос прокрутки и элемента списка воспроизведения это свойство должно быть кратно 60, начиная с 60.Вы, вероятно, могли бы рассчитать это, чтобы показать только необходимое количество элементов списка воспроизведения, а затем сделать прокрутку пользователя, чтобы увидеть остальные.

Окончательный результат, который я получил, выглядит следующим образом:

JWPlayer Audio

...