Это ошибка, которую я смог исправить с помощью грубой силы, но я не понимаю, почему решение работает.
Проблема заключалась в том, что встроенные видеоролики YouTube не работали на определенном (отзывчивом) сайте на iPad (протестированном в iOS7) в альбомной ориентации. Мне удалось сузить его до определенного правила CSS, которое показывало вход поиска в заголовке, когда браузер был достаточно широким, поэтому он будет отображаться в виде пейзажа iPad, но не в его портретном представлении.
После немного более грубой силы, я обнаружил, что удаление type="search"
из входного тега (которое заставляет его вернуться к умолчанию type="text"
) устранит проблему. Ни один из моих поисков не объяснил, почему это работает, или даже кто-то другой испытывает одно и то же.
Дополнительная информация об ошибке
Сайт работает, показывая изображение сначала, которое будет заменено с помощью JavaScript с помощью iframe YouTube при нажатии. После этого первого щелчка он будет автоматически запускаться на настольных браузерах, а на iPad он загрузит видео, но не будет воспроизводиться, пока пользователь не нажмет его снова.
Если вход type="search"
был видимым (display: block;
), то нажатие на встроенное видео не приведет к его воспроизведению; не было бы видимого ответа на кран. Если бы я увеличил масштаб и нажал на элементы управления вверху, как и название видео, я мог заметить, что они подчеркнуты, и тестирование показало, что не было элемента, охватывающего iframe и перехватывающих события.
Как ни странно, нажатие на самом краю правой части iframe приведет к тому, что видео начнет правильно воспроизводиться. В противном случае изменение IPad на портретный вид (что приведет к тому, что вход для поиска будет скрыт с помощью CSS) позволит щелкнуть iframe, чтобы начать воспроизведение видео. После первого щелчка все элементы управления видео будут работать независимо от того, показывался ли поиск.