Я отображаю элемент на странице с помощью атрибута playsinline, чтобы устройства iOS могли воспроизводить видео, не устанавливая его в полноэкранный режим.Это хорошо работает, но я заметил, что с этим свойством элемент video содержит элемент «Shadow Content (User Agent)» с div с классом «media-controls-container», который заставляет меня думать, что это что-то связанное с элементами управления видеобар о похожий.В общем, этот div меня не беспокоит, но я попытался добавить прослушиватель щелчков на контейнере видеоэлемента и заметил, что событие не запускается, если я нажимаю на поверхность видеоэлемента, что хорошо работает на рабочем столевзамен браузеров.
Я уже пытался установить свойство css "poiter-events: none" в элементе video, но этого, по-видимому, недостаточно, поскольку упомянутый мной "media-controls-container"before блокирует распространение события в нижележащий контейнер.Я обнаружил, что установка этого же свойства в «media-controls-container» решает мои проблемы, но, поскольку он является частью этого «Shadow Content (User Agent)», я не могу понять, как установить свойство с помощью css.
Я также попытался проверить элемент видео с помощью javascript и заметил, что для свойства video.shadowRoot установлено значение null для элемента, что, насколько я знаю, означает, что содержимое тени закрыто инедоступен.
Поэтому я не могу изменить свойства css этого содержимого тени и не знаю, как разрешить элементу видео распространять событие click в родительский контейнер.
Кто-нибудь знает, как этого добиться?Обратите также внимание на то, что элемент видео позиционируется как «position: absolute» относительно его контейнера (я не знаю, может ли это быть полезно знать).
Спасибо за помощь.