jw player 6.7, смена логотипа, когда плеер становится полноэкранным

Question

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

1. Обнаружить полноэкранное событие и изменить URL-адрес логотипа.
2. Размер изображения, который имеет подходящие размеры, измененные с помощью CSS при загрузке проигрывателя, затем обнаруживает полноэкранное событие и изменяет размер изображения (используя css любого) и снова меняет размер при восстановлении проигрывателя.

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

ПРИМЕЧАНИЕ: подход должен работать на всех основных браузерах.

Answer 1

Примечание: Следующее решение будет работать в версиях проигрывателя JW7 +. Я настоятельно рекомендую обновить плеер до версии 7.

Модель скинов JW Player css имеет встроенный флаг для обнаружения, когда плеер находится в полноэкранном режиме: .jw-flag-fullscreen. Используя этот флаг для таргетинга логотипа (.jw-logo), вы сможете изменить размер и изменить URL-адрес изображения с помощью css. Ниже приведен пример использования полноэкранного флага.

.jw-flag-fullscreen .jw-logo { 
    background-image: url('logo.svg') !important; 
    background-size: 100px; 
    background-position: cover; 
    width: 100px !important; 
    height: 100px !important; 
} 

JS Fiddle example

Вы можете найти более подробную информацию в справочнике JW Player CSS Skinning. https://developer.jwplayer.com/jw-player/docs/developer-guide/customization/css-skinning/skins_reference/