HTML-элемент видео не прикрепляется к iOS Shadow DOM ⇐ IOS

[Гость]

Я встроил потоки с камеры в свое веб-приложение react (используя библиотеку go2rtc) внутри прокручиваемого элемента div со следующей структурой:

// поток 1 // поток 2 ... // скоро Я заметил, что при просмотре на iOS с использованием приложений Safari и Chrome прокрутка родительского элемента div невозможна при скольжении или касании некоторых элементов видео — поскольку касания не регистрируются.

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

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

Я пытался поиграться с pointer-events, но безуспешно.

Есть ли способ явно назначить отсутствующий элемент тени всем элементам видео с помощью js?