Подтвердить что ты не робот

Встроенные видеоролики YouTube не воспроизводятся на iPad (iOS 7), в то время как входные данные HTML5 видны

Это ошибка, которую я смог исправить с помощью грубой силы, но я не понимаю, почему решение работает.

Проблема заключалась в том, что встроенные видеоролики YouTube не работали на определенном (отзывчивом) сайте на iPad (протестированном в iOS7) в альбомной ориентации. Мне удалось сузить его до определенного правила CSS, которое показывало вход поиска в заголовке, когда браузер был достаточно широким, поэтому он будет отображаться в виде пейзажа iPad, но не в его портретном представлении.

После немного более грубой силы, я обнаружил, что удаление type="search" из входного тега (которое заставляет его вернуться к умолчанию type="text") устранит проблему. Ни один из моих поисков не объяснил, почему это работает, или даже кто-то другой испытывает одно и то же.

Дополнительная информация об ошибке

Сайт работает, показывая изображение сначала, которое будет заменено с помощью JavaScript с помощью iframe YouTube при нажатии. После этого первого щелчка он будет автоматически запускаться на настольных браузерах, а на iPad он загрузит видео, но не будет воспроизводиться, пока пользователь не нажмет его снова.

Если вход type="search" был видимым (display: block;), то нажатие на встроенное видео не приведет к его воспроизведению; не было бы видимого ответа на кран. Если бы я увеличил масштаб и нажал на элементы управления вверху, как и название видео, я мог заметить, что они подчеркнуты, и тестирование показало, что не было элемента, охватывающего iframe и перехватывающих события.

Как ни странно, нажатие на самом краю правой части iframe приведет к тому, что видео начнет правильно воспроизводиться. В противном случае изменение IPad на портретный вид (что приведет к тому, что вход для поиска будет скрыт с помощью CSS) позволит щелкнуть iframe, чтобы начать воспроизведение видео. После первого щелчка все элементы управления видео будут работать независимо от того, показывался ли поиск.

4b9b3361

Ответ 1

Просто испытал это из первых рук и хотел добавить свое признание за то, что написал это. Ваш вопрос SO, даже без ответа, указал мне в правильном направлении.

В моем случае это не имело ничего общего с Youtube. У меня была страница, созданная Drupal на большом ист-сайте, в котором механизм поиска по всему сайту использовал автозавершающий модуль drupal, который имел type="search" в качестве основного типа ввода.

В IOS пользователи сообщили, что соответствующие кнопки "как" Facebook, Twitter и Google Plus не работают, а также гораздо более крупное приложение angular, встроенное в страницу. Все они использовали iframe, и никто из них, казалось, не реагировал на клики.

Изменение этого, казалось бы, безобидного, несвязанного типа ввода от search до text немедленно разрешило эту проблему.

озадачивает.