речь идет об online.anidub.com
Первым предлагаемым улучшением будет фикс такой проблемки, как улетание вправо центрального div при включение режима: вместо изменения display:none/block у блоков левой и правой колонок(что и приводит к сдвигу) предлагаю менять transform:scale(0/1). Тогда блоки будут скрыты визуально а не "физически" и как следствие место они занимать будут.
Вторым предлагаемым улучшением будет при включении режима высчитывание максимально допустимых размеров iframe плеера. Возникает резонный вопрос - нафига? есть же полноэкранный режим. Ответ прост - чтобы переключить серию из него надо выходить!)
Считать предлагаю так:
- узнать размеры экрана и соотношение сторон
- если соотношение сторон 16:9
- высота iframe = высота экрана - размеры кнопок
- из новой высоты высчитываем максимальную ширину для класса kz
- высота iframe = высота экрана - размеры кнопок
- если соотношение не 16:9
- исходя из ширины экрана считаем высоту - размеры кнопок
- считаем новую максимальную ширину для класса kz
- исходя из ширины экрана считаем высоту - размеры кнопок
- присваиваем это все куда надо.
Считается все в соотношение 16:9 или 1,777777777777778 / 0,5625 через js
И маленькая мелочь в довершении ко второму пункту: при включении режима докидывать в style в заголовке две строчки
- body::-webkit-scrollbar {width: 0px;}
- body { -ms-overflow-style: none; }
Много хочу? Ну может быть, но мне уже за**алось все это писать вручку при каждом гребаном обновлении страницы.