← Форум / HTML5 / Выход из полноэкранного режима
Обнаружил глюк — при выходе их полноэкранного режима плеер в MS Edge не "возвращается" на страницу, а повисает над ней окном (хорошо — не модальным :-) . Это раз.
Второе, в полноэкранном режиме в Хроме ролик разворачивается на весь экран, но без масштабирования — то есть если ролик меньше разрешения экрана то он воспроизводится своим разрешением на черном фоне.
В мозилле — все в норме…
Пример ролика:
Второе, в полноэкранном режиме в Хроме ролик разворачивается на весь экран, но без масштабирования — то есть если ролик меньше разрешения экрана то он воспроизводится своим разрешением на черном фоне.
В мозилле — все в норме…
Пример ролика:
| CREARTE | Ссылка на пост (Смотрели 2399) | 25.02.17 19:51 Ответить |
Попробовал экспериментальный плеер — но он криво отображается в плане положения элементов, плюс только из-за двух вариантов пропорций (4:3 и 16:9) приходится два подгружать плеера по 300 килобайт…
Всем хорош существующий, если бы не сворачивался так странно… Ну и в хроме работал бы в полноэкранке.
Обычно такое происходит если на сайте только один html5 плеер
Попробуй сделать чтобы был и флеш плеер ,и html5 плеер..типа когда заходишь на сайт при флеш плеере..показывается флеш плеер,а когдапри html5..то показывается этот плеер
Вот пример
Я, например, прикручиваю вот это: https://github.com/selz/plyr и все отлично работает:
- адаптивность
- рамочки круглые даже с цветами
- полноэкранный режим
Я бы перешел на этот плюр, но по тупости не могу понять почему у меня уродские кнопки контроля выходят… Но не об этом речь — делаю вывод, что проблема не в моем сайте и конфликте скриптов, что все должно работать. Но не работает.
playerjs я отключил по одной всего лишь причине, и прекратил эксперименты — я не понял как передать плееру в параметрах пропорции 4:3 и 16:9, я понял только что надо подключать ДВА плеера, а это лишние почти 300 кб. Так как у меня два размера роликов, то посчитал это неприемлемым. А в остальном, может быть, разобрался бы.
А с упподом вот, сделал:
Там видео не в размер, и подключение НЕСКОЛЬКО отличается (стиль плеера в <html> гругится а не в <head> и стиль <div> инлафн а не в таблице), но ведет он себя ровно так же как и все остальные в полноэкранном режиме.
Что касается pjs, то для разных форматов конечно не нужно два плеера — достаточно оставить 16:9 и будут стандартные поля, как у всех плееров.
Обновил. Стало лучше — разворачивается на полный экран нормально. Но сворачивается неправильно:
- в Edge опять поверх страницы
- в Chrome сворачивается в страницу, но к инлайн стилю почему-то добавляется width:100%; соответственно див с плеером растягивается в края.
Плееру не нужно ограничивать max-width, лучше использовать width
Касательно width — тогда не будет даже псевдо-адаптивности, я используею max-width чтобы на узких экранах ролик сжимался. Если я задам width=XXpx; то привет, а если задам =100% то ролик пропадет.