при воспроизведении видео показывать кнопку паузы в середине видео jwplayer7

Я использую jwplayer7, я скрываю панель управления, потому что мое видео похоже на фоновое видео и не нуждается в каких-либо элементах управления внизу видео, но при воспроизведении нужно показать кнопку паузы в середине видео, как кнопка воспроизведения/повтора отображается в начале /в конце. Как я могу это сделать?


html css jwplayer video jwplayer7
person aiddev    schedule 09.10.2015    source источник
comment
Бэкэнд HTML5 или FLASH? а у вас есть премиум лицензия?   -  person DannyZB    schedule 09.10.2015
comment
да у меня премиум лицензия. это html5   -  person aiddev    schedule 09.10.2015

Ответы (3)


arrow_upward
1
arrow_downward

Мое предложение состояло бы в том, чтобы создать div и использовать CSS, чтобы расположить его именно там, где вы хотите. Затем обязательно вызовите событие pause нашего Javascript API в onclick.

Это будет выглядеть примерно так:

<div style="your_CSS_here" onclick="jwplayer().pause();"></div>

Кстати, нам нравится Stack Overflow, но мы тратим больше времени на ответы на вопросы, отправленные непосредственно на нашу страницу поддержки по адресу http://support.jwplayer.com. Вы могли бы получить более быстрый ответ от нас там...

person Todd    schedule 09.10.2015
comment
Не уверен, что вам разрешено продвигать другие сайты на StackOverflow... хотя ссылка на страницу, содержащую полезную информацию, хороша. - person ; 09.10.2015

arrow_upward
2
arrow_downward

Поскольку это HTML5, вы можете использовать простой CSS, чтобы скрыть панель управления — таким образом вы сохраните остальную функциональность.

Я только что просмотрел документацию jwPlayer7 и, по-видимому, скин для JWP7 также использует CSS на флэш-памяти.

Не могу найти онлайн-документ для создания скинов jw7 на их сайте -> но что вы делаете, так это копируете нужную папку скина и используете «display: none» на всей панели управления и загружаете этот скин во время инициализации.

Изменить:

http://support.jwplayer.com/customer/portal/articles/1412123-building-jw-player-skins http://support.jwplayer.com/customer/portal/articles/2067702-skin-css

person DannyZB    schedule 09.10.2015
comment
Я мог бы скрыть панель управления, моя проблема в том, как показать значок паузы во время игры? @Даниэль Баткилин - person aiddev; 09.10.2015
comment
JWPlayer не имеет значка паузы по центру › только значок воспроизведения. Где вы хотите, чтобы появился этот значок паузы? .. Селектор, который вам нужен, выглядит как .jw-icon-playback › вы можете попробовать просто применить его с помощью обычного CSS даже без скина - person DannyZB; 09.10.2015
comment
p.s. хак, который я могу придумать, это скрытие значка воспроизведения в состоянии воспроизведения, а затем размещение значка паузы с отрицательным значением top:-something px, чтобы он отображался в центре / там, где вы хотите - person DannyZB; 09.10.2015
comment
Я хочу, чтобы он появился в середине области видео @Daniel Batkilin - person aiddev; 09.10.2015
comment
1.) Поскольку вы используете HTML5, вы можете просто использовать API javascript jwplayer, чтобы самостоятельно создать значок паузы, а в противном случае скрыть все элементы управления или 2.) использовать абсолютное позиционирование для значка воспроизведения/паузы, чтобы поместить его в центр плеера + скрыть его, когда он находится в режиме воспроизведения .. это все обычный CSS - person DannyZB; 09.10.2015

arrow_upward
2
arrow_downward

Центральная иконка скрыта в скине семерки по умолчанию. Вы можете нацелить его и отобразить, когда проигрыватель находится в режиме паузы, например:

.jwplayer.jw-state-paused .jw-display-icon-container {
    display: table;
}

Это также значение по умолчанию в мобильных браузерах и установках размером менее ~400 пикселей, начиная с версии jwplayer 7.1. CSS-класс .jw-flag-compact-player добавляется в контейнер проигрывателя, чтобы включить этот режим.

person funrob    schedule 17.10.2015