новая ошибка слайдера громкости iOS 13 (связана с CSS?) - PullRequest
Новая
       24

новая ошибка слайдера громкости iOS 13 (связана с CSS?)

3 голосов
/ 07 октября 2019

После обновления моего iPhone 8 Plus до iOS 13 я заметил странное поведение с новым томом HUD на моем сайте. Новый громкость HUD не исчезнет после взаимодействия с кнопками громкости. Он сжимается до простой полосы, но никогда не исчезает полностью. происходит только на некоторых веб-страницах, где у меня есть фиксированный вид, без вертикальной прокрутки. Может ли это быть связано с правилом CSS? Как только я нажимаю «назад» или перехожу на другую страницу с включенной вертикальной прокруткой, громкость HUD исчезает, как обычно. У кого-нибудь еще была эта проблема? Если вы сделали, что вызвало это и как вы решили это? Это ужасно раздражает, так как новая позиция тома HUD покрывает кучу элементов управления на тех веб-страницах, на которых я заметил проблему, поэтому нужно найти решение, чтобы исправить это, а также сохранить функциональность для iOS12 или более низких пользователей.

еще одна проблема, которую я заметил с iframe, те, которые должны были прокручиваться в этом формате: 

<div style="overflow-x:scroll">
    <iframe >
        ...
        <video></video>
    </iframe>
</div>

в ios12, когда iframe была такой же ширины, как и видео, которое оно содержало, скажем, ширина 1200pxи на мобильном телефоне я смог прокрутить iframe по горизонтали и сосредоточиться на той части, которую я хотел. в ios13 ширина iframe равна ширине устройства, то есть я больше не могу прокручивать его по горизонтали. У меня есть временное исправление, используя jQuery, я получаю ширину видео и применяю его к iframe, но это вызывает новые проблемы, и я хочу вернуться к тому, что было. Почему iframe отличается в ios13 от того, что было в ios12?

Спасибо

Уже пытаюсь удалить правила CSS по одному и посмотреть, что вызывает это, но пока не повезло. Рассматривая удаление переполнения: скрытые правила, а также правила -webkit-overflow-scrolling, чтобы увидеть, связано ли это, только те, о которых я могу подумать, могут иметь к этому какое-то отношение. Или, может быть, метатег? ? Но он добавляется на каждую веб-страницу на моем сайте, поэтому это не так.

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

прокрутка iframe без необходимости установки jQueryфиксированная ширина для iframe

EDIT: блок кода, который вызывает проблему. удаление блока устранит проблему. так что мое предположение все еще касается правил CSS. 

<div id="webcam" style="height: 100%; width: 100%; overflow-x: scroll; overflow-y: hidden;position: relative; background-color: black;">
    <video id="h5live-webcam" type="application/vnd.apple.mpegURL" playsinline="true" src="https://stream01.****.com:443/h5live/http/playlist.m3u8?url=rtmp%3A%2F%2Fwowza02.****.com%aaabad&amp;stream=1000000.mp4%3FcSessionId%3DguestKey&amp;random=142989" style="width:initial; margin:0px; transform:none; height:100%; width:initial;"></video>
    <div id="middleView-webcam" style="width: 83px; height: 83px; position: absolute; left: 50%; top: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1000;">
        <canvas id="loadingSign-webcam" style="z-index: 1001;"></canvas>
    </div>
</div>

ОБНОВЛЕНИЕ 2: проблема связана с NanoPlayer и параметрами воспроизведения (приглушение, автоматическое переключение и т. д.). еще не решил, но сузил его.

1 Ответ

1 голос
/ 07 ноября 2019

iOS 13 изменила поведение фреймов. Раньше они не прокручивались, а расширялись, чтобы соответствовать контенту (выравнивание). Теперь они работают как все остальные браузеры. Это может повлиять на приложения, которые работали над проблемой прокрутки iframe в iOS с прокруткой DIV. Попытка выяснить, есть ли способ отменить это ОТКЛЮЧЕНИЕ ОТКРЫТИЯ КАДРОВ через конфигурацию, чтобы iOS 13 могла вести себя как до iOS 13. Это огромное сообщение.

См. Примечания к выпуску для iOS 13 оУдаленные функции:

Отключено выравнивание кадров на iOS. Кадры теперь отображаются так же, как браузер на рабочем столе.

Информация об ошибках, перечисленная в bugzilla .

...