Атрибут видеотега html5 "playsinline" прерывает прокрутку на iOS ⇐ IOS

[Гость]

Предположим, у меня есть веб-страница, на которой всего два видеотега HTML5. Если я добавлю атрибут playsinline к одному из видео, при нажатии на него страница на устройстве iOS не будет прокручиваться.

Вот простой пример:

Статический шаблон Также доступно в виде кода и коробки.

Я могу воспроизвести это на iOS 17, но совершенно уверен, что это не сработает и на 16.

Есть обходной путь: я могу добавить прозрачный элемент div поверх видео, и тогда оно снова заработает, но я бы не хотел идти по этому пути.

Есть ли другой способ решить проблему? Я пробовал гуглить, но ничего полезного не нашел.