Я пишу приложение, в котором используются HTML5-элементы видео.
В iOS Safari при использовании playsinline, чтобы гарантировать, что видео рассматривается как встроенный элемент для позиционирования и т. Д., Оно работает как ожидалось , за исключением , что видео появляется поверх всего . z-index и методы позиционирования не помогают решить эту проблему. Ни при каких обстоятельствах я не вижу ничего поверх видео.
В любом браузере, кроме iOS Safari, это работает абсолютно нормально.
Для справки, это приложение Angular, и в настоящее время я тестирую его в Mobile Safari на iOS 11.1.2
Также стоит упомянуть, что видео src будет преобразовано в локальный blob url. например. blob:file:///2afb998a-84e3-4819-8243-5da7d7da3cb6
<video
id="video"
[src]="src"
autoplay="autoplay"
muted="muted"
webkit-playsinline
playsinline>
</video>