Я снова сталкиваюсь со странной проблемой, и снова это происходит в Safari на iPhone. Safari на macOS работает нормально, как и все другие основные браузеры.
Вот проблема: встраивание видео YouTube в iframe преобразует iframe влево из области просмотра. Нет преобразования, примененного к iframe или любым родительским элементам. Я дважды проверил, но мне не повезло. Как ни странно, есть две причуды:
- Кликабельная область остается неизменной. Я могу взаимодействовать с контентом, как если бы он находился в правильном положении.
- При переключении на обзор вкладок видео отображается правильно.
Вот несколько скриншотов, демонстрирующих проблему:
Я также создал JSFiddle , который воспроизводит проблему, с разметкой непосредственно из проекта. Посетите его на мобильном Safari на iPhone или с симулятором на macOS, чтобы увидеть проблему в действии. (Используйте эту ссылку для полноэкранного доступа)
Любая помощь будет принята с благодарностью.