Что-то странное происходит, у меня есть сайт, который реализует iframe внутри iframe. На всех устройствах кроме ios все работает нормально. В устройствах ios внутреннее содержимое iframe выходит за границу содержащего его iframe.
Вот код:
<iframe type="text/html" frameborder="0" allow="autoplay" id="playIframe" scrolling="no" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" src="https://example2.com?type=clip&id=555&autoplay=true" width="100%" height="100%">
<div style="width: 100%; height: 100%;">
<iframe id="vid" frameborder="0" scrolling="no" allow="autoplay" src="https://example2.com/555/?type=mp4&autoplay=true&forceHTML5=true" webkitallowfullscreen="true" mozallowfullscreen="true" allowfullscreen="true" width="100%" height="100%"></iframe>
</div>
</iframe>
Когда я сосредотачиваюсь на iframe в консоли разработчика, мы видим результат, изображение является приостановленным видео и является содержимым iframe. Похоже, что это за пределами iframe:
детский iframe
родительский iframe
Я попробовал все, что было предложено в этом шаге .
У кого-то есть похожая проблема?