HTML-элемент видео не прикрепляется к iOS Shadow DOM ⇐ IOS
-
Гость
HTML-элемент видео не прикрепляется к iOS Shadow DOM
Я встроил потоки с камеры в свое веб-приложение react (используя библиотеку go2rtc) внутри прокручиваемого элемента div со следующей структурой:
// поток 1 // поток 2 ... // скоро Я заметил, что при просмотре на iOS с использованием приложений Safari и Chrome прокрутка родительского элемента div невозможна при скольжении или касании некоторых элементов видео — поскольку касания не регистрируются.
После проверки страницы с помощью инструмента разработчика Safari выяснилось, что в элементах видео, предотвращающих прокрутку, по какой-то причине отсутствует элемент теневого содержимого: отсутствует теневой DOM в элементе видео.
Элемент видео, который возникает, меняется при каждом обновлении браузера, что очень странно.
Я пытался поиграться с pointer-events, но безуспешно.
Есть ли способ явно назначить отсутствующий элемент тени всем элементам видео с помощью js?
Я встроил потоки с камеры в свое веб-приложение react (используя библиотеку go2rtc) внутри прокручиваемого элемента div со следующей структурой:
// поток 1 // поток 2 ... // скоро Я заметил, что при просмотре на iOS с использованием приложений Safari и Chrome прокрутка родительского элемента div невозможна при скольжении или касании некоторых элементов видео — поскольку касания не регистрируются.
После проверки страницы с помощью инструмента разработчика Safari выяснилось, что в элементах видео, предотвращающих прокрутку, по какой-то причине отсутствует элемент теневого содержимого: отсутствует теневой DOM в элементе видео.
Элемент видео, который возникает, меняется при каждом обновлении браузера, что очень странно.
Я пытался поиграться с pointer-events, но безуспешно.
Есть ли способ явно назначить отсутствующий элемент тени всем элементам видео с помощью js?
Мобильная версия